JSFiddle - React, Tailwind, and code Playground

HTML

<header class="header">my header</header>
<div class="content">content</div>
<footer class="footer">my footer</footer>

CSS

body{
    padding:0;
    margin:0;
}
.content {
    position:absolute;
    top:100px;
    bottom:100px;
    left:0;
    right:0;
}
header {
    height:100px;
    background:green;
}
footer {
    height:100px;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    background:red;
}