JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
       <div id="main">
           <div id="all"></div>
       </div>
       <div id="footer"></div>
</div>

CSS

* {margin: 0; padding: 0;}
html, body {height: 100%;}

#container {width:990px; margin:auto; height: 100%;}
#main {margin:0 0 -150px; min-height:100%; background:green;}
#all {overflow:hidden; padding:0 0 150px;}
#footer {height:150px; background:#ac1;}