JSFiddle - React, Tailwind, and code Playground

HTML

<div class="Table_Wrapper">
    <div class="Table_Row">
        <div class="box left" style="height:60px;">1</div>
        <div class="box right" style="height:80px;">2</div>
    </div>
    <div class="Table_Row">
        <div class="box left" style="height:100px;">3</div>
        <div class="box right" style="height:200px;">4</div>
    </div>
    <div class="Table_Row">
        <div class="box left" style="height:50px;">5</div>
        <div class="box right" style="height:70px;">6</div>
    </div>
</div>

CSS

.box {background:#20abff; color:#fff; width:90px; margin:5px;}
.left {float:left;}
.right {float:left;}
.container {width:200px;}



.Table_Wrapper { width: 400px; }
.Table_Row { width: 98%; padding: 1%;float: left; }