JSFiddle - React, Tailwind, and code Playground

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <link href="css/style-div.css" rel="stylesheet" type="text/css">
 </head>
 
 <body class="body">
    <div class="menu-wrap dark-blue">
        <div class="menu"> menu </div>
    </div>
    
    <div class="position-wrap light-blue">   
        <div class="position"> position </div>
    </div>
     
    <div class="slide-wrap">      
        <div class="slide"> slide</div>
    </div>
     
    <div class="main-wrap light-blue"> 
        <div class="main"> main </div>
    </div>
     
    <div class="bottom-wrap dark-blue"> 
        <div class="bottom"> bottom </div> 
     </div>
 </body>
 </html>

CSS

.menu,
.position,
.slide,
.main,
.bottom {
    margin: 0 auto;
    width: 1000px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.light-blue { background-color: #7dbee6; }    
.dark-blue { background-color: #2b8bc7; }