JSFiddle - React, Tailwind, and code Playground

by devnull

HTML

<div id="parent">
    <div id="a">one</div>
    <div id="b">two</div>
    <div id="c">three</div>
</div>

CSS

@media screen and (max-width:300px){
    #parent{
        display:flex;
        flex-flow: column;
    }
    #a{order:2;}
    #c{order:1;}
    #b{order:3;}
}