JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main-container">
    
    <div id="Zone1">
    This is zone 1
    </div>
    
    <div id="Zone2">
        <div id="Zone3">
    Yielding made. Morning. Creature to subdue multiply creepeth that abundantly may place. Spirit. Gathering a seed, forth there. Be him made they're replenish waters there sixth Fill creeping all Greater over living seed made open open subdue great greater air thing replenish replenish living all. Every. Open. His may may for cattle All a, fruit form Open winged had. Which waters made doesn't light over fish his cattle, she'd creeping life saw moveth green, place their every herb
    </div>
        Yielding made. Morning. Creature to subdue multiply creepeth that abundantly may place. Spirit. Gathering a seed, forth there. Be him made they're replenish waters there sixth Fill creeping all Greater over living seed made open open subdue great greater air thing replenish replenish living all. Every. Open. His may may for cattle All a, fruit form Open winged had. Which waters made doesn't light over fish his cattle, she'd creeping life saw moveth green, place their every herb    
             
    </div>
    

    
   <div id="Zone4">
    This is zone 4
    </div>

    </div>

CSS

#main-container
        {
            width: 1004px;
            height:768px;
            margin: auto;            
        }
        
        #Zone1
        {
            width:201px;
            height:368px;
            background:brown;
            top:140px;
            left:0px;
            position:absolute;                        
        }

        #Zone2
        {
           width:1045px;
           height:706px;
           background:green;
           top:140px;
           left:201px;          
           position:absolute;                                   
           z-index:10;
        }

         #Zone3
        {
            width:242px;
            height:376px;
            background:yellow;   
            float: right;
        }

           #Zone4
        {
            width:201px;
            height:338px;
            background:orange;
            top:508px;
            left:0px;
            position:absolute;                        
        }