Как в гридах выровнять по центру?

Question

[flowersms]

применяю justify
ничего нету
https://jsfiddle.net/ygLa2xkh/

Comments

[WapSter]

У тебя и так по центру

[Ankhena]

ничего нету

:)
Чего ничего нету? ))

Вы сделали грид на 3 столбца.
Всего два дочерних элемента.
Каждый стоит в центре своей клеточки.

Если вам нужно, чтобы сами элементы были по центру родителя, то не нужно задавать им по 1fr, используйте, например, min-content с правильным количеством элементов

[flowersms]

Ankhena, так что-то странное получается https://jsfiddle.net/vb7darey/1/

[Ankhena]

flowersms, это вы так 1fr поменяли на min-content? Я бы порекомендовала перечитать справочник.

https://jsfiddle.net/Lvbhr2pw/

[flowersms]

Ankhena,

Если вам нужно, чтобы сами элементы были по центру родителя, то не нужно задавать им по 1fr, используйте, например, min-content с правильным количеством элементов

___________________
по центру, но и чтобы каждый итем был width: calc(100% / 3 )
или только на флексах можно?

[Ankhena]

flowersms, задайте им такую ширину, которая вам нужна.
https://jsfiddle.net/bq4oyes1/

Answer 1

[Антон Романков]

Проблема в третьей секции, которая закомментирована.
Если в репите прописать 2, то будет все по центру grid-template-columns: repeat(2, 1fr);