JSFiddle - React, Tailwind, and code Playground

HTML

<div class="overmiddlediv">
	<div class="sidedivs">Left side</div>
	<div class="centerdiv">This is the middle and is 50%</div>
	<div class="sidedivs">Right side</div>
</div>

CSS

.overmiddlediv {
    	width:100%;
    	height:150px;
    	background-color:blue;
    }
    .sidedivs {
    	width: 24%;
    	background-color:red;
    }
    .centerdiv {
    	width: 49%;
    	background-color:white
    }