JSFiddle - React, Tailwind, and code Playground

HTML

<body>
      <div id="wrapper" class="divide">
          <div id="top" class="divide">
                ....(all of its contents)....
          </div>
          <div id="content" class="divide">
              <div id="left">
                  ....(all the contents)....
               </left>
               <div id="right">
                  ....(all the contents)....
               </div>
           </div>
       </div>
       <div id="footer">
       </div>
    </body>

CSS

.divide{
   margin-left:auto;
   margin-right:auto;
   width:960px;
 }

 body {
   background-color: #666600;
 }

 #wrapper{
    background-color:#ffffff;
  }