How to arrange blocks with flex?

Question

css

how to arrange flex blocks like on layout? Not grouping 4 and 5 in a wrapper

Answer 1

If you want to lay out the layout in the figure exactly on flex - isolate each change of direction in a separate container (let it be a div).
On flex, this can be represented as 4 consecutive divs, in the last two more divs for vertical orientation.
here is an example