CSS равномерно распределяет элементы по двум строкам, сохраняя при этом гибкую ширину элементов. ⇐ CSS

[Anonymous]

Я пытаюсь создать следующий дизайн:


HTML выглядит примерно так

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

Значки должны быть равномерно распределены по двум рядам, поэтому, если всего значков 8, как в примере, каждый ряд должен содержать четыре значка. Однако в некоторых случаях значков может быть и меньше, например. если значков шесть, в каждом ряду должно быть по 3 значка. Кроме того, ширина значков должна быть гибкой, а расстояние между элементами всегда должно оставаться неизменным. Я пытался добиться этого с помощью flexbox и сетки, но безуспешно. Возможно ли вообще добиться чего-то подобного с помощью только CSS, или мне придется разделить массив элементов с помощью кода и обернуть их в два элемента div?

Подробнее здесь: https://stackoverflow.com/questions/700 ... f-the-item