How to make different the position of blocks in the adaptive layout?

Well, here for example. There is a sidebar and content conditional, it adaptative. But grid it turns out that the content is below the sidebar, which is not always correct.
How can I fix this thing?

Here made primitive different blocks for computer/phone, with different mesh.
July 9th 19 at 12:58
2 answers
July 9th 19 at 13:00
well, for example media screen and (what you need size) can be specified instead of display:block; very different display:flex; and take advantage of all its charms especially order
Somehow I forgot all about the flex! But really..Really, not very cross-browser. - Bud.Funk commented on July 9th 19 at 13:03
: I flex checked even checked on xp and the iPhone too , Android tested , works everywhere , Edge and also ie 7 - 11 , ALL TYPE of TOP - Sasha.Gorczany commented on July 9th 19 at 13:06
July 9th 19 at 13:02
you .desktop imploded
in General, if I correctly understood the question, then you have the difference between the position simbara and content availability upper indentation in a content part
Em? I do not quite understand Your answer. The essence of the question)
For computer is now a mesh goes like this: first the sidebar then the content. Ie, compression, it turns out that the content falls under the sidebar. And I have with the mobile version, all became on the contrary - Bud.Funk commented on July 9th 19 at 13:05

Find more questions by tags CSSAdaptive designHTML