Как разместить элементы (6 кубиков = 4 + 2) в 2 строки?

Question

[Denis_8106]

Ребята, подскажите, тривиальная задачка - как разместить 6 кубиков в 2 строчки как на рисунке?
Желательно решение через флексы или гриды.

Answer 1

[Evgeniy]

Display: grid
grid-template-columns: repeat(4, 1fr)

Отступы можно сделать через row-gap и column-gap а также можно использовать простой margin.

Comments

[Denis_8106]

Отличное решение в гридами! Спасибо!

Answer 2

[Ярослав Зозуля]

Можно флексом.
flex-basis calc(100%/4 - margin)

и пхай туда сколько хочешь элементов всегда будет адекватно.