JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <div id="container">
            <div id="header">
                HEADER
            </div>
            <div id="content">
                CONTENT
            </div>
            <div id="antifooter"></div>
        </div>
        <div id="footer">
            FOOTER
        </div>
    </body>
</html>

CSS

html, body {
    margin: 0;
    padding: 0;
}

html, body {
    height: 100%;    
}

body {
    min-width:760px;
}
    
#container {
    min-height: 100%;
    background: #ccc;
}
    
#header {
    height: 100px;
    background: #3366FF;
}
    
#content {
    background: #CC33FF;
}

#antifooter {
    height: 100px;
    background: #000;
}

#footer {
    background: #B88A00;
    height: 100px;
    margin-top: -100px;
}