JSFiddle - React, Tailwind, and code Playground

HTML

<top></top>
    <cnt>&nbsp;</cnt>
    <footer></footer>

CSS

html, body
{
    margin: 0;
    height: 100%;
}

top
{
    display: block;
    width: 100%;
    height: 62px;

    background: #222;
}

cnt
{
    display: block;
    width: 100%;
    min-height: calc(100% - 62px);
    /*min-height: 404px*/
    
    background: #555;
}

footer
{
    display: block;
    width: 100%;
    height: 200px;
    
    background: #111;
}