JSFiddle - React, Tailwind, and code Playground

HTML

<div id="footer"></div>
<div id="content">
    just a line here<br />just a line here<br />just a line here<br />just a line here<br />just a line here<br />just a line here<br />jujust a line here<br />jujust a line here<br />st a line here<br />just a line here<br />just a line here<br />just a line here<br />just a line here<br />just a line here<br />just a line here<br />just a line here<br />just a line here<br />just a line here<br />just a line here<br />st a line here<br />jusjust a line here<br />just a line here<br />just a line here<br />just a line here<br />t a line here<br />jusjust a line here<br />just a line here<br />just a line here<br />just a line here<br />just a line here<br />just a line here<br />just a line here<br />just a line here<br />just a line here<br />just a line here<br />t a line here<br />
</div>

CSS

html
{
    height:100%; 
    max-height:100%;  
    padding:0; 
    margin:0; 
}
body
{
    height:100%;
    max-height:100%;
    margin:0;
    border:0;
    padding-bottom: 120px;
    }
            
#content
{
    display:block;
    top:0;
    width: 100%;
    left:0;
    bottom:120px;
    position:absolute;
    padding-bottom: 120px;
}
    
#footer
{
    position:fixed;
    margin:0;
    bottom:0;
    right:0px;
    display:block;
    width:100%;
    height:120px;
    background-color:#e0e0e0;
    z-index: 2;
    
}

* html #footer
{
    position:absolute;
}