JSFiddle - React, Tailwind, and code Playground

HTML

<div id="header">header</div>
<div id="content">content</div>
<div id="footer">footer</div>

CSS

#header {
    height: 30px;
}
#footer {
    height: 30px;
    position: absolute;
    bottom: 0;
}
body {
    height: 100%;
    margin-bottom: 30px;
}