JSFiddle - React, Tailwind, and code Playground

by Alon Rotem

HTML

<div class="top-row">
<div>
  one
</div>
<div>
two
</div>
<div>
three
</div>
</div>
<div class="bottom-row">
<div>
bottom 1
</div>
<div>
bottom 2
</div>
</div>

CSS

div {
  border: 1px solid gray;
}

.top-row, .bottom-row {
  display: flex;
}

.top-row div, .bottom-row div {
  flex: 1
}