JSFiddle - React, Tailwind, and code Playground

HTML

<div class='wrap'>
    <div class='header'>header</div>
    <div class='content'>content</div>
    <div class='footer'>footer</div>
</div>

CSS

.wrap {
    position: realtive;
}
.header {
    border: black 1px solid;
}
.content {
    border: black 1px solid;
}
.footer {
    position: absolute;
    bottom: 0;
    left: 0;
}