JSFiddle - React, Tailwind, and code Playground

HTML

<div id="Chart">
<div class="bar" style="height:100px;"></div>
<div class="bar" style="height:25px;"></div>
<div class="bar" style="height:75px;"></div>
<div class="bar" style="height:33px;"></div>
</div>

CSS

#Chart{
  display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	flex-direction: row;
 align-items: flex-end;
 
    background-color:white;
    margin-left: 8%;
    width: 90vh;
    height: 92%;
    border-left: 3px solid black;
    border-bottom: 3px solid black;
    border-radius: 2px;
    border-color: black;
}
.bar{
    margin: 0em 1% 0em 1%;
    width: 25%;
    background-color: #edda4e;
    }