Как в грид -контейнере сделать выравнивание по центру?

Question

[frontAng]

justify-content: center не помогает

https://jsbin.com/jezulapeqa/2/edit?html,css,output

Comments

[Ankhena]

Видимо, тут нужно догадаться, что речь про последний элемент?
Тогда вам сюда Логическая стилизация на основе числа элементов

Если нет, то конкретизируйте.

[frontAng]

Ankhena, Последний элемент не по центру

[Ankhena]

frontAng, ответ выше: nth-child в сочетании c last-child или nth-last-child (это намек на то, что в последней строке может быть два элемента).

[frontAng]

Ankhena, item:nth-last-child {justify-content: center }не будет работать

[Ankhena]

frontAng, нет, конечно, не будет. Потому что justify-content это свойство контейнера, а не элемента.

Последний элемент должен встать в средний столбец. Например, с помощью grid-column. Либо занять всю строку и justify-self. При ширине в 1fr первый вариант, конечно, удобнее.

Пройдите игру по гридам grid garden (гуглится).

Answer 1

[luxurypluxury]

place-items:center;