JSFiddle - React, Tailwind, and code Playground

HTML

<body>    
<div class="table">
   <div class="cell"></div>
   <div class="cell"></div>
   <div class="cell"></div>
</div>
</body>

CSS

.table{
position:relative;  /*so children div can use 100% height and not go over */
width:100%; /* as long as this div's parent is body it will take up whole screen */
height:250px; /*make whatever you want */
padding:8px; /* will make that spacing you wanted */
}


.table .cell{
width:20%;
height:100%;
background-color:#bbb;
display:inline-block;
}

.table .cell:first-of-type{
width:50%;
height:100%;
background-color:#ddd;
}