JSFiddle - React, Tailwind, and code Playground

by joplomacedo

HTML

<div class="coluna">
<div class="coluna">

  <div class="box">Box</div>
  <div class="box">Box</div>
  <div class="box">Box</div>
  <div class="box">Box</div>
  <div class="box">Box</div>
</div>
<div class="coluna">
  <div class="box">Box</div>
  <div class="box">Box</div>
  <div class="box">Box</div>
  </div>
</div>

CSS

*  {
  box-sizing: border-box;
}

.caixa {
  font-size: 0;
}

.box  {
  display: inline-block;
  border: 1px  solid;
  width: 33.3333%;
  font-size: 16px;
}