JSFiddle - React, Tailwind, and code Playground

HTML

<body>
   <div id="container">
      <div id="header"></div>
      <div id="content"></div>
  </div>
  <div id="wrap-footer">
      <div id="footer"></div>
  </div>
 </body>

CSS

html,
body,
#container {
    height:100%;
} 

#footer { 
   background:#111;
   height: 320px;
   width: 100%;
 }