Сделал гриды, но не могу выровнять их с помощью justify-content: center; в чем проблема?

Проблема заключается в том, что свойство justify-content применяется к контейнеру элементов, которые используются с дисплеем в виде грида (например, display: grid;). Однако, justify-content: center; работает только вдоль **главной оси (main axis)** грида, а не вдоль обеих осей, как это делает align-items: center; при использовании flexbox.

Чтобы выровнять гриды по центру как по горизонтали, так и по вертикали, вам нужно применять свойства justify-content и align-items к контейнеру грида. Вот пример CSS-кода:

.grid-container {
    display: grid;
    justify-content: center; /* Выравнивание по горизонтали */
    align-items: center; /* Выравнивание по вертикали */
}

Таким образом, установив как justify-content: center;, так и align-items: center; на контейнер грида, вы сможете добиться выравнивания элементов грида по центру как по горизонтали, так и по вертикали.

Надеюсь, это объяснение поможет вам разобраться с проблемой выравнивания гридов в веб-разработке. Если у вас возникнут еще вопросы, не стесняйтесь задавать.