JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<body>
<div id="wrapper">
  <div id="navigation">
    nav!!!
  </div>
  
  
  <div id="bottomHalf">
      extend!!!
  </div>
</div>
</body>
</html>

CSS

html , body{height:100%;}
#wrapper {
    margin: 0 auto;
    width: 990px;
    height:100%;
    overflow:hidden;
    position:relative;
}

#navigation {
    margin: 0 auto;
    width: 990px;
    height: 55px;
    background-color: #fff;

}

#bottomHalf {
    margin: 0 auto;
    width: 990px;
    height: 100%;
    background-color: #4d3c37;
  
    
}