main {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
width: 100vw;
}
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!