JSFiddle - React, Tailwind, and code Playground

HTML

<! A pagina esta dentro da tela *-->
<div class="Pagina">
top da pagina
<div id="Conteudo" >conteudo - no meio da tela</div>
<div id="FimPagina">botton da pagina</div> 
</div>

CSS

/* Em relação a tela */
.Pagina{position: fixed;bottom: 0;
    right: 10px;
    left:10px;
    width: 730px;
    height: 600px;
    border: 3px solid blue;}
#Conteudo{position: absolute;left: 50%;top: 50%}
#FimPagina {position: absolute; bottom: 0px; left: 0}