Re-order HTML blocks using CSS3 - Flexbox

Re-order HTML blocks using CSS3 - Flexbox

HTML

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

CSS

#home {
    display: flex;
}
#a {
    order: 2;
}
#b {
    order: 1;
}
#c {
    order: 3;
}