Как расположить данные элементы по шаблону?

Question

[vtaeke]

Как расположить данные элементы через Flex?
Разбить допустим на 2 блока данные элементы? 4 в одном диве и 3 в другом и выровнять их? Как понимаю самый простой. А без дополнительных блоков можно ли это сделать?

Comments

[Ankhena]

А без дополнительных блоков можно ли это сделать?

Да, так и делать.
Просто по 2 элемента в ряду. И задайте им ширину.

Либо гридом в 2 столбца, ещё проще.

Покажите что именно у вас не получилось в песочнице типа codepen.io

Answer 1

[Егор Живагин]

А почему просто flex-wrap не подходит? Элементам сделать flex-basis: calc(50% - половина ширины отступа между ними в px) (для резиновости можно сделать без calc, просто 48%, чтоб отступ был динамичным)

Но, имхо, css grid будут удобнее из-за того, что можно задать строго 2 колонки и точнее управлять отступами