JSFiddle - React, Tailwind, and code Playground

HTML

<section class="conteudo-centro">
    <h1>Opa, estamos no centro da tela!<br>
        Independente da resolução do dispositivo do usuário!  ;) </h1>
</section>

CSS

.conteudo-centro{
min-height:300px;
position: absolute;
z-index: 99999999;
left: 50%; top: 50%;
transform: translate(-50%, -50%);
}