3 stlpce v responsive

<div id="obal">
<div id="obsah"></div>
<div id="levy"></div>
<div id="pravy"></div>
</div>

/* malé displeje */
#obal { display: flex; flex-direction: column;}
#pravy, #obsah, #levy { width: 99%; }
#pravy { order: 1; }
#obsah { order: 3; }
#levy { order: 2; }

/* větší displeje */
@media all and (min-width: 600px) {
#obal { display: flex; flex-direction: row;}
#pravy, #obsah, #levy { width: 33%; }
#pravy { order: 1;}
#obsah { order: 2;}
#levy { order: 3;}
}