JSFiddle - React, Tailwind, and code Playground

HTML

<div id="global">
    <div id="header">Header</div>
    <div id="content">Donec commodo eget felis sed vehicula. Suspendisse pretium ultrices quam in iaculis. Aliquam a vulputate nisl. Etiam quam nunc, dictum ac nulla vel, posuere hendrerit metus. Quisque ante lacus, adipiscing id elit vel, ornare consectetur nisi. Etiam pretium, sapien vitae lobortis tempor, nibh justo cursus orci, non dapibus magna sapien quis enim. Phasellus rutrum elit justo, id pellentesque magna tempus dapibus. Etiam sed augue eros. Cras nec varius eros. Aenean sodales tincidunt dolor. Nunc ac metus tristique, porttitor justo eu, luctus diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut egestas libero quis velit volutpat, at scelerisque mauris porttitor.</div>
    <div id="footer">Footer</div>
</div>

CSS

* {
    margin:0;
    padding:0
}
html, body {
    height:100%;
    width:100%;
}
#global {
    width:100%;
    background-color:#FF0;
    min-height:100%;
}
#header {
    width:80%;
    height:100px;
    margin:0 auto;
    background-color:green;
    clear:both;
}
#content {
    width:80%;
    margin:0 auto;
    background-color:#CFC;
    clear:both;
}
#footer {
    width:80%;
    height:100px;
    margin:0 auto;
    background-color:red;
    clear:both;
}