JSFiddle - React, Tailwind, and code Playground

HTML

<div class="w">    
  
  <div class="c">
    
    <div class="lt">
      <div class="ltw">
        1<br>
        1<br>
        1<br>
        1<br>
        1<br>
        1<br>
        1<br>
      </div>
    </div>
    
    <div class="lb">
      <div class="lbw">
        2<br>
        2<br>
        2<br>
        2<br>
        2<br>
        2<br>
        2<br>
        2<br>
      </div>
    </div>
    
  </div>
     
  <div class="c">
    <div class="m">
      <div class="mw">
        3<br>
        3<br>
        3<br>
        3<br>
        3<br>
        3<br>
      </div>
    </div>
  </div>
  
  <div class="c">
    
    <div class="rt">
      <div class="rtw">
        4<br>
        4<br>
        4<br>
        4<br>
        4<br>
        4<br>
        4<br>
        4<br>
        4<br>
        4<br>
        4<br>
        4<br>
        4<br>
      </div>
    </div>
    
    <div class="rb">
      <div class="rbw">
        5<br>
        5<br>
        5<br>
        5<br>
      </div>
    </div>
    
  </div> 
</div>

CSS

body {background:#c3bfb3;}
.w {overflow:hidden;}
.c {float:left;}   
.m, .lt, .lb, .rb, .rt {width:150px; background:#ededed; margin:10px;}
.mw, .lbw, .rbw {padding-bottom:20000px; margin-bottom:-20000px;}