JSFiddle - React, Tailwind, and code Playground

by Abhay Singh

HTML

<div class="parent_box">
<div>
1
</div>
<div>
2
</div>
<div>
3
</div>
<div>
4
</div>
<div>
5
</div>
<div>
6
</div>
</div>

CSS

.parent_box {
  display:flex;
  flex-flow: row wrap;
}
.parent_box > div {
   flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 33.3333%;
  margin-bottom:20px;
}