How to layout the sidebar so that it is after the content on mobile, even if the content has full-width blocks?

Question

css

Expected:

Codepen, on which I tried to analyze the situation: https://codepen.io/edele/pen/weQpMq
There it turned out only to put a sidebar before the full-width on the mobile, but you need to after.

Answer 1

Flexbox and the order property

Answer 2

In this case, when the sidebar is in the container, it will not be possible to display it after. Only if you display the sidebar twice and hide one of them, and change their visibility in the media query.