Возможно ли с помощью CSS-Auto-Flow, чтобы не занять всю ширину? ⇐ CSS

[Anonymous]

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

.container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(100px, max-content))
}< /code>

One
Two
Three
Four
Five
Six
Seven
< /code>
< /div>
< /div>
< /p>
По сути, макет работает, как и ожидалось, но я столкнулся с одной проблемой, имеющей Государство с меньшим количеством элементов, например Только «один» и «два», следовательно, два элемента в контейнере 

. Элементы контейнера занимают полную ширину.
p>
Мне интересно, если возможно, что элемент контейнера занимает только необходимую ширину. Он должен работать, как и ожидалось, следовательно, увеличение ширины и в конечном итоге разбившись на несколько строк, содержащих больше элементов. i.sstatic.net/jym0qqlf.png "/>

Подробнее здесь: https://stackoverflow.com/questions/794 ... full-width