JSFiddle - React, Tailwind, and code Playground
HTML
<div class ="container">
<div id ="box1">
</div>
<div id ="box2">
</div>
</div>CSS
.container{
width: 300px;
height: 250px;
background: gray;
padding: 10px;
}
#box1{
background: #FEFD8F;
height: 100px;
width: 66%;
}
#box2{
background: #F6CCFC;
height: 100px;
margin-top: 10px;
width: 66%;
margin-left: auto;
}