JSFiddle - React, Tailwind, and code Playground

HTML

<div class='flex'>
  <div class='one'>one</div>
  <div class='three'>three</div>
  <div class='two'>two</div>
</div>

CSS

.flex {
  display: flex;
}

.one {
  order: 1;
}

.two {
  order: 2;
}

.three {
  order: 3;
}

.flex>:nth-child(odd) {
  background-color: red;
}