JSFiddle - React, Tailwind, and code Playground

HTML

<div class="top"></div>
<div class="content">
    
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
    <p>asocaosicsoahicdioshdcoashcdooihsdc</p>
   ...

CSS

.top{
    width:500px;
    height:100px;
    background-color:black;
}

.content{
    width:500px;
    min-height:100%;
    position:relative;
}

.footer{
    width:500px;
    height:100px;
    background-color:blue;

}