Возможно ли в grid css justify-content: center?

Question

[DaBags]

У flexbox есть свойство justify-content которое позволяет выровнять содержимое блока. Интересует есть ли аналог для гридов? Примерно такое расположение получится сделать?


Сейчас имеется такой код:

grid-template-rows: auto;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 36px;
    column-gap: 23px;

Answer 1

[Никита Михайлов]

Такое расположение потребует использование позиционирования, так как блоки выходят за пределы своей полосы. При этом отцентровать сами блоки внутри сетки можно с помощью justify-self у элемента

Comments

[DaBags]

Получается с гридами такого сделать не получится? Потому что может быть 6 блоков, и тогда они должны встать на свои места в сетке, либо 4 и четвертый хотелось бы получить по центру нижнего ряда.

[Никита Михайлов]

Проще сделай на флексах такую раскладку.