Как сделать блоки с автоподбором ширены с css flex без js?

Question

[Илья]

Всем привет возник вопрос, реально ли сделать данную штуку без использования js, не хочу использовать в проекте setInterval.
Страница с реализацией: fiddle.jshell.net
Код: jsfiddle.net

Необходимо чтоб блоки внутри блока с варьирующейся шириной автоматически заполняли пространство внутри, при этом переходя на другую строку.

Comments

[Yupiter7575]

Что вас не устроило в js?

[Илья]

Yupiter7575, недостаточная плавность, не хочу это исправлять более частым вызовом функции, к тому же если есть все же способ как это сделать без js было бы не плохо

[Yupiter7575]

Илья, Вы пробовали медиа запросы?

Answer 1

[Aetae]

1. Использовать grid.
2. Досыпать в конец блоков с нулевой height сколько надо на заполнение сточки.

Comments

[Илья]

Количество блоков рандомное всегда, может добавляться может сокращаться, уже думал в сторону грид, можно даже без «досыпания», но тоже не совсем подходит