JSFiddle - React, Tailwind, and code Playground

by Felis Catus

HTML

<div class="container">
  <div order="1">
    test1
  </div>
  <div order="2">
    test2
  </div>
  <div order="3">
    test3
  </div>
  <div order="4">
    test4
  </div>
</div>

SCSS

.container {
  display: flex;
  flex-direction: row;
  background-color: silver;
  div:nth-child(n+3){
    color: red;
  }
  div:nth-child(1){
    margin-left: auto;
  }
}