How to make different position of blocks in adaptive layout?

Question

css

kulon-profi.ru
Well, let's say here. There is a sidebar and conditional content, it's all adaptive. But the grid turns out that the content is below the sidebar, which is not always correct.
How can I fix this thing?
Here it is done primitively, different blocks for a computer / phone, with a different grid.

Answer 1

well, for example, for media screen and (some size you need), you can specify display:block;something else instead of completely display:flex;and take advantage of all its charms especiallyorder