JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
<div class="test">1</div>
<div class="test">2</div>
<div class="test">3</div>
<div class="test">4</div>
<div class="test">5</div>
<div class="test">6</div>
<div class="test">7</div>
<div class="test">8</div>
</div>

CSS

div.test {
    border: 1px solid black;
    float:left;
    width:33%;
}