Разница между позиционированием и грид-системами при центрировании элементов заключается в подходе к выравниванию элементов по центру:

1. Позиционирование предполагает смещение элемента относительно текущего расположения. 1 При этом место, которое он занимал, не перераспределяется относительно других элементов в контейнере. 1 Позиционированные элементы сжимаются в соответствии со своим содержимым. 7
2. Грид-системы позволяют выравнивать элементы в двумерной системе, то есть одновременно и по строке, и по колонке. 3 Для этого нужно установить в родительском элементе свойство display: grid, которое превратит его в grid-контейнер, а в дочернем задать автоматические отступы с помощью margin: auto. 4

Таким образом, позиционирование ориентировано на смещение элементов относительно текущего положения, в то время как грид-системы обеспечивают выравнивание элементов в жёсткой сетке. 36