Grid justify-items не работает?

Question

[infommmmm]

Квак отцентрировать блоки внутри контейнера по горизонтали?
Используя grid
justify-items: center;
не работает как нужно
нужно что бы последний блок центрировался

Answer 1

[tyoma_koder]

А ты это прописываешь родителю или дочерним элементам? Потому что надо родителю

Comments

[infommmmm]

родителю
и ничего не меняется

[tyoma_koder]

infommmmm, может у детей стоит какой нибудь justify-self?

[infommmmm]

tyoma_koder, в общем работает оно не так как надо
смотрите
https://codepen.io/natojezlo/pen/NWRJPvB
мне нужно что бы последний блок центрировался
т.е если в конце цикла не 3 блока а 1 или 2, нужно что бы они были по центру/
как такое сделать?

[tyoma_koder]

infommmmm, на гридах никак, у гридов каждый грид ребёнок привязан к своей ячейке, можно растянуть его на несколько ячеек но тогда надо указывать конкретные начало и конец типа grid-column: 2/4 или grid-area. Чтобы последний элемент был по центру надо юзать флексбоксы, но отступы между элементами придётся делать через margin

[infommmmm]

tyoma_koder, вот из за этого не хочу на флексах делать