JSFiddle - React, Tailwind, and code Playground
HTML
<div class="row">
<div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div>
<div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div>
</div>
<div class="row">
<div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div>
<div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div>
</div>
CSS
div.row{float:none; border:1px solid red; overflow:hidden}
div {float:left;}