JSFiddle - React, Tailwind, and code Playground

by Darren Galway

HTML

<div class="flex-parent">
  <div class="flex-child"></div>
  <div class="flex-child"></div>
  <div class="flex-child"></div>
</div>

CSS

.flex-parent {
  display: flex;
  height: 300px;
}

.flex-child {
  display: flex;
  flex: 1;
  background: red;
  border-right: 1px solid green;
}