JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="cell" id="cell1">cell1 cell1 cell1 cell1 cell1 cell1 cell1 cell1 cell1 cell1 cell1 cell1 cell1 cell1 cell1 cell1 cell1 cell1 cell1 cell1 cell1 cell1  cell1 cell1 cell1 cell1 cell1 cell1 cell1 cell1 cell1 cell1 cell1 cell1 cell1 cell1 cell1 cell1 </div>
    <div class="cell" id="cell2">cell2 cell2 cell2 cell2 cell2 cell2 cell2 cell2 cell2 cell2 cell2 cell2 cell2 cell2 cell2 cell2 cell2 cell2 cell2 cell2 cell2 cell2 cell2</div>
    <div class="cell" id="cell3">cell3 cell3 cell3 cell3 cell3 cell3 cell3 cell3 cell3 cell3 cell3 cell3 cell3 cell3 cell3 cell3 cell3 cell3 cell3 cell3 cell3</div>
</div>

CSS

.container{overflow:hidden; width:100%;}
.cell{width:47%; float:right; border:1px solid black; margin:1%;}
#cell1{float:left;}