JSFiddle - React, Tailwind, and code Playground

by genelocklin

HTML

<div class="not-footer"> 
</div>
<div id="footer">   
</div>

CSS

html, body { margin: 0; padding: 0; }
html, body, .not-footer { height: 100%; }

body > .not-footer {
height: auto;
min-height: 100%;
}

#footer {
height: 60px;
color: #aaa;
background: #444;
position: relative;
margin-top: -120px; 
height: 120px;
clear: both;}