CSS Reorder Divs

by Austin Crane

HTML

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

CSS

#flex { 
  display: flex; 
  /* Optional, if you want the DIVs 100% width: */ 
  flex-direction: column;
}
#flex > #a { order: 2; }
#flex > #b { order: 1; }
#flex > #c { order: 3; }