JSFiddle - React, Tailwind, and code Playground

by firegroove

HTML

<div class="wrapper">
        <div style=" left:0px;height:22px;"></div>
        <div style="left:10px;height:11px;"></div>
        <div style="left:20px;height:6px;"></div>
        <div style="left:30px;height:49px;"></div>
        <div style="left:40px;height:28px;"></div>
   </div>

CSS

.wrapper{
    border: 1px solid #aeaeae; 
    background-color: #eaeaea; 
    width: 50px; 
    height: 50px;
    position : relative;

}

.wrapper > div{
  bottom: 0px;
  width: 8px;
  position : absolute;
  background-color: #aeaeae; 
  margin: 1px;
  display : inline-block; 
}