JSFiddle - React, Tailwind, and code Playground

by kazu69

HTML

<div class="flex">
  <div class="item1">item1</div>
  <div class="item2">item2</div>
</div>

SCSS

.flex {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  width: 200px;
  background-color: #fff;
}

.item1 {
 background-color: #f00;
 width: 120px;
 order: 2;
}

.item2 {
  background-color: #f0f;
  width: 20px;
}