Как с помощью flex расставить так блоки?

Question

[mraser]

как расположить flex блоки, как на макете? Не группируя 4 и 5 в обвертку

Comments

[Steppp]

)))

для 4 блока также! flex-wrap wrap/ или вообще flex-direction column; width 100%

[Ankhena]

как расположить flex блоки, как на макете? Не группируя 4 и 5 в обвертку

Флексами, только если вы сгруппируете 2, 3, 4 и 5 и зададите высоту этой обертке..

Используйте гриды.

Answer 1

[strelok011]

Если вы хотите сверстать макет на рисунке именно на флексах - изолируйте каждую смену направления в отдельный контейнер (пусть будет div).

На флексах можно это представить в виде 4 последовательных div, в последнем еще два div для вертикальной ориентации.

вот пример