How to make a responsive layout like this in CSS?

When narrowing the window, the blocks must line up on center, and unit 2 is interposed between 1 and 3. Please tell me how can do it without JS on pure CSS?

5e9986f7c7c78387167269.jpeg

Thank you so much for your attention and time.
April 19th 20 at 12:31
2 answers
April 19th 20 at 12:33
Solution

compression get what he wanted
Yes, thank you.

Do CSS :), although I was hoping for a version without media, because I have the wrapper width is not directly correlated with the media width. She has a life there. - marge commented on April 19th 20 at 12:36
April 19th 20 at 12:35
order + flex-direction: column

Find more questions by tags CSS