GRID CSS – Как центрировать дочерние элементы, когда определен столбец сетки? ⇐ Html

[Anonymous]

Недавно я открыл для себя Grid CSS. И мне было интересно, как центрировать детей в контейнере (с сеткой отображения), когда, например, у нас только два ребенка. Я покажу вам краткий обзор моей проблемы.
Здесь я определил 12 столбцов в своем контейнере. И у нас есть 4 дочерних элемента со столбцом сетки: span 4. Все работает нормально!


Но теперь, если у нас только 2 дочерних элемента и я хочу центрировать их в сетке, как мне это сделать? Я попытался justify-content: center в свой контейнер, но это не сработало. Конечно, я могу разместить дочерних элементов с помощью столбца сетки: 4/7 (для первого дочернего элемента). Но я бы хотел сделать это автоматически.


Единственное решение, которое я нашел, — это использовать Flexbox вместо Grid.
Спасибо!

Подробнее здесь: https://stackoverflow.com/questions/681 ... is-defined