JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
      <div class='b b1'></div>
      <div class='b b2'></div>
      <div class='b b3'></div>
    </div>

CSS

#container{
     position  :relative;
     border    :1px solid #000;
     height    :60px;
     width     :100px;
    }
     .b{position:absolute; width :20px; bottom:0}
     .b1{background:blue  ;height:10px; left:0px}
     .b2{background:red   ;height:30px; left:30px;}
     .b3{background:yellow;height:50px; left:60px}