JSFiddle - React, Tailwind, and code Playground

HTML

<div id="flex">
    <div id="a">A</div>
    <div id="b">B</div>
    <div id="c">C</div>
</div>

CSS

#flex { display: flex; flex-direction: column; }
#flex > #a { order: 2; background: #ccc;}
#flex > #b { order: 1; background: #aaa;}
#flex > #c { order: 3; background: #d33;}