JSFiddle - React, Tailwind, and code Playground

by Boba Poshtar

HTML

<div>
  <span class="box1">a</span>
  <span class="box2">a</span>
  <span class="box3">a</span>
</div>

CSS

body { margin: 0; }
div { display: flex; }
span {
  width: 220px;
  border: 1px solid red;
}
.box1 { flex: 0 .5 auto; }