JSFiddle - React, Tailwind, and code Playground

HTML

<div id='body'>
  <div id='header'>
     This is the header.
  </div>
  <div id='container'>
    <div id='navigation'>Navigation</div>
    <div id='content'>
       <div id='shoutout-box'>ShoutBox Content</div>
    </div>

  </div>
</div>

CSS

body{width:100%;background-color:green;}

#header{background-color:red;}

#container{width:100%;background-color:dark-grey;}

#navigation{background-color:yellow;float:left;}

#content {background-color:purple;border:1px solid red;}

#shoutbox {}