JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
    <div class="test">1</div>
<div class="test">2<br/>1</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%;
}
div.test:nth-child(3n+1) {
    border: 1px solid red;
    clear:left;
}