JSFiddle - React, Tailwind, and code Playground

HTML

<div id="C">
     <div id="Z">    
         <br><br>
         <div id="X"></div> <br><br><br><br><br>
         <div id="X"></div> <br><br><br><br><br>
         <div id="X"></div>
     </div>
</div>

CSS

#C { width: 100%; background-color:black; height: 350px; }

#Z { background-color: blue; }

#X { left: 120px; width: 300px; height: 40px; position:absolute; background-color: white;}