SOURCE

<div class="container">
    <div class ="item one"></div>
    <div class ="item two"></div>
    <div class="item three"></div>
    <div class="item four"></div>
    <div class="item five"></div>
</div>

*{
   padding:0px;
   margin:0px;
}
.container{
   display:flex;
   align-items:flex-end;
   width:300px;
   height:300px;
   margin:20px ;
   border-left:1px solid gray;
   border-bottom:1px solid #ddd;
}
.item{
   width:30px;
   margin-left:20px;
}
.one{
  height:30%;
  background-color:#f00;
}
.two{
  height:80%;
  background-color:#ddd;
}
.three{
  height:70%;
  background-color:#0fd;
}
.four{
  height:60%;
  background-color:#ff0;
}
.five{
  height:90%;
  background-color:#234;
}