JSFiddle - React, Tailwind, and code Playground

by ecropolis

HTML

<div class="row">

<div>column</div>
<div>column</div>
<div>column</div>
<div>column</div>

</div>

CSS

.row {
  display: flex;
}
.row > div {
  border: 1px solid blue;
  flex: 1 0;
  padding: 20px;
  margin-right: 5px;
  min-height: 300px;
}
.row div:last-child {
  margin-right: none; 
}