Как центрировать элементы в последней строке CSS Grid? ⇐ CSS

[Anonymous]

Я использую сетку CSS для размещения таких элементов...

Код: Выделить всё

#container {
display: grid;
grid-template-columns: 16.666% 16.666% 16.666% 16.666% 16.666% 16.666%;
}

.item {
background: teal;
color: white;
padding: 20px;
margin: 10px;
}

Код: Выделить всё

Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item

Как вместо этого центрировать последнюю строку с выравниванием по левому краю? Я не могу гарантировать количество элементов, поэтому хочу, чтобы макет выглядел правильно для любого количества элементов.

Могу ли я вместо этого использовать flexbox? Или CSS-сетки подходят?

Подробнее здесь: https://stackoverflow.com/questions/462 ... n-css-grid