main {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
width: 100vw;
}
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
main {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
width: 100vw;
}
Olá, João, como vai?
Sua solução está certinha! Ao utilizar display: flex, junto com as propriedades justify-content: center e align-items: center, você conseguiu centralizar o conteúdo da maneira correta. Essas são as propriedades ideais para alinhar elementos no centro tanto horizontal quanto verticalmente em um layout Flexbox.
Continue assim, e qualquer dúvida, o fórum está à disposição!
Abraços!