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

body {
    height:1000px;
} 

#footer { 
   background:#111;
   height: 320px;
   position: fixed;
   width: 100%;
   bottom: 0;
 }