JSFiddle - React, Tailwind, and code Playground

HTML

<div id="akarmi">
    <div id="a">a</div>
    <div id="b">b</div>
    <div id="c">c</div>
  	<div id="d">d</div>
</div>

CSS

#akarmi {
display: flex; 
}

#akarmi > div {
	width:100px;
	height:100px;
	color:#000;	
	text-align:center;
	display: flex;
}

#akarmi > #a { 
order: 2; 
}

#akarmi > #b {
order: 1; 
}
#akarmi > #c { 
order: 4; 
}

#akarmi > #d { 
order: 3; 
}