JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div id="header">Header</div>
    <div id="content">Content</div>
    <div id="footer">Footer</div>
</div>

CSS

.header
{
    height: 50px;
    background-color: #ff0000;
}
.content
{
    margin-top: 20px;
    height: 50px;
    background-color: #00ff00;
}
.footer
{
    position: fixed;
    bottom: 0;
    height: 50px;
    background-color: #0000ff;
}