JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
</div>
<div>
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
</div>

CSS

div {
    width: 100%;
}
div div {
    width: 12.5%;
    padding-bottom: 12.5%;
    background-color: #bada55;
    box-shadow: inset 0 0 2px 0 #fff;
    float: left;
}