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;}