How to make such a responsive layout in CSS?

Question

css

When narrowing the window, the blocks should line up in the center, with block 2 wedged between 1 and 3. Please tell me how can I do it without JS purely on CSS?



Thank you for your attention and time.

Answer 1

when you compress you get what you want

Answer 2

order + flex-direction: column