JSFiddle - React, Tailwind, and code Playground

HTML

<div id="top" class="block">
    Topo
</div>
<div id="content_1" class="block">
    Conteudo 1
</div>
<div id="content_2" class="block">
    Conteudo 2
</div>
<div id="bottom" class="block">
    Rodapé
</div>

CSS

.block{
   min-height: 200px;
   width: 100%;
}
#top{
    background: #A1A1A1;
}
#content_1{
    background: #4EB67A;
}
#content_2{
    background: #564EB6;
}
#bottom{
    background: #D2C643;
}