JSFiddle - React, Tailwind, and code Playground

HTML

<div id='header'>
    <h1>HEADER</h1>
</div>

<div id='content'>
    <p>This is the content This is the content This is the content This is the content This is the content </p>
</div>

<div id='footer'>
    <h1>FOOTER</h1>
</div>

CSS

* {
    margin:0;
    padding:0
}
#header, #footer {
    background: red;
    height: 100px;
    width: 100%;
    text-align: center;
    color: #FFF;
    line-height: 100px;
}

#content {
    margin: 20px 0;
}

#footer {
    background: blue;
    height: 50px;
    line-height: 50px;
    position: fixed;
    bottom:0
}