JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="left box-container">
        <div class="box" style="height:60px;">1</div>
       
        <div class="box" style="height:100px;">2</div>
       
        <div class="box" style="height:60px;">3</div>
        
    </div><!-- left-box-container -->

    <div class="right box-container">
        <div class="box" style="height:100px;">4</div>
      
        <div class="box" style="height:70px;">5</div>
      
        <div class="box" style="height:80px;">6</div>
        
    </div><!-- right-box-container -->

</div>

CSS

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