JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <header></header>
    <section id="content">
        MAIN CONTENT<br />
        MAIN CONTENT<br />
        MAIN CONTENT<br />
        MAIN CONTENT<br />
    </section>
    <footer>
        <section id="internal-footer"></section>
        <p id="copyright">Copyright Text</p>
    </footer>
</body>

CSS

html{margin:0;padding:0;min-height:100%;height:100%;}
body{margin:0;padding:0;min-height:100%;position:relative;}
header{width:100%;height:50px;background-color:#666;}
footer{width:100%;position:absolute;bottom:0;left:0;height:50px;background-color:#666;text-align:center;}
#content{width:300px;margin:0 auto;position:relative;padding-bottom:100px;border:1px solid #000;}
#internal-footer{width:300px;height:50px;margin:-50px auto 0 auto;background-color:#990;}