@AdrianoEscarabote
Posted
Oi Eduardo Salazar Jordão de Almeida, tudo bem? Tudo está muito bom, mas tenho algumas dicas que acho que você vai gostar:
Temos que garantir que todo o conteúdo esteja contido em uma região de referência, designada com elementos de referência HTML5.
elementos de referência HTML5 nativos:
<body>
<header>Este é o cabeçalho</header>
<nav>Esta é a navegação</nav>
<main>Este é o principal</main>
<footer>Este é o rodapé</footer>
</body>
Para alinhar algum conteúdo no centro da tela, prefira sempre usar display: flex;
vai deixar o layout mais centralizado!
body {
margin: 0;
padding: 0;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
min-height: 100vh;
}
o restante está ótimo!
espero ter ajudado... 👍