JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

#wrapper {
    margin: 0 auto;
    width: 990px;
    height:auto;
}

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

}

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