JSFiddle - React, Tailwind, and code Playground

HTML

<div class="padre">
  <div class="uno">
    Col 1
  </div>
  <div class="dos">
    Col 2
  </div>
  <div class="tres">
    Col 3
  </div>
  <div class="cuatro">
    Col 4
  </div>
  
</div>

CSS

.padre {
  display:flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
}

.uno, .dos, .tres, .cuatro {
  min-width: 100px;
  padding: 5px;
  text-align: center;
}

.uno {
  background: grey;
}

.dos {
  background: orange;
}

.tres {
  background: green;
}

.cuatro {
  background: blue;
}