JSFiddle - React, Tailwind, and code Playground

HTML

<!-- A pagina esta dentro da tela *-->
<div class="Pagina">
top da pagina
<div id="Conteudo" >Conteúdo<br>
<img src="http://walterdominguez.com/CssBoxImg.jpg" width="220" height="180"  
                    alt="logo de 220 por 80 pixel" ></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%;
          border: 1px solid red;
          background-color: lightgrey;
          margin-left:-110px;
	      margin-top:-80px;
          text-align:center;
          }
#FimPagina {position: absolute; bottom: 0px; left: 0}