JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li class="first"></li>
    <li class="second"></li>
    <li class="second"></li>
    <li class="third"></li>
    <li class="first"></li>
    <li class="third"></li>
    <li class="second"></li>
    <li class="second"></li>    
</ul>

CSS

ul { list-style: none; padding-left: 0; }
li { width: 150px; margin: 5px 2px; background-color: blue; float: left; }
.first { height: 100px; }
.second { height: 25px; }
.third { height: 150px; }