JSFiddle - React, Tailwind, and code Playground

HTML

<div id="cont">
    <div></div>
    
    <div class="stack"></div>
    <div></div>
    <div></div>
    <div class="stack"></div>
    <div class="stack"></div>
    <div class="stack"></div>
    <div></div>
    <div></div>
    <div></div>
    <div class="stack"></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div class="stack"></div>
    <div class="stack"></div>
    <div></div>
    <div></div>
    <div></div>
</div>

CSS

#cont {
    width: 200px;
}

div div {
    float: left;
    width: 25px;
    height: 25px;
    background: #000;
    margin: 2px;
}

.stack {
    width: 54px;
}