JSFiddle - React, Tailwind, and code Playground

by cvoll

HTML

<div class="wrapper">
  <div class="item">a</div>
  <div class="item">b<br/>longbig</div>
  <div class="item">c</div>
  <div class="item">d</div>
  <div class="item">e</div>
  <div class="item">f</div>
  
  <div class="item">a</div>
  <div class="item">b<br/>longbig</div>
  <div class="item">c</div>
  <div class="item">d</div>
  <div class="item">e</div>
  <div class="item">f</div>
 </div>

CSS

.item {
  float: left;
  width: 33.3333333%;
}

.item:nth-child(3n + 1) {
  clear: left;
}