JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div class='main-content'>
Content
</div>
<footer>
  
  <p style="text-align:centre">Contact information: </p>
</footer>

CSS

body
{
    margin: 0 0 200px; //Same height of the footer
}
footer
{
    position: absolute;
    left: 0;
    bottom: 0;
    /*height: 200px;*/
    width: 100%;
    overflow: auto;
    background-color: rgba(67, 191, 115, 0.95);
}