JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
<li style="height:10px;"></li>
<li></li>
<li></li>
<li></li>

<li></li>
<li></li>
</ul>
<ul>
<li style="height:110px;"></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>

<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<ul>
<li style="height:110px;"></li>
<li></li>
<li></li>

<li></li>
<li></li>
<li></li>
<li></li>
</ul>

CSS

li {display: inline-block; width:200px;  border:1px solid; vertical-align:top; margin-bottom:5px;}