JSFiddle - React, Tailwind, and code Playground

HTML

<div class="left">
    
</div>
<div class="middle">
    
</div>
<div class="right">
    
</div>

CSS

.left {
 float:left;
  width:30px;
   background-color:red;
   height:200px; 
}
.middle{
 float:left;
  width:400px;
   background-color:blue;
   height:200px; 
}
.right {
 float:left;
  width:30px;
   background-color:green;
   height:200px; 
}