Olá Paulo!
Definir height: 100vh
no main
ao invés de apenas no body
pode ser uma boa ideia para garantir que o elemento main
ocupe toda a altura visível da janela do navegador, assim como o body
. Isso pode ajudar a centralizar visualmente o conteúdo dentro do main
, especialmente se você ajustar as margens para margin: 0 15%
. Essa mudança de margens removeria o espaçamento vertical (top e bottom), concentrando o espaçamento nas laterais, o que pode contribuir para uma visualização mais centralizada do conteúdo.
Essa abordagem pode ajudar a manter o conteúdo bem alinhado e visualmente atraente, mas recomendo fazer testes para ver como essas mudanças afetam o layout em diferentes situações, mas de forma geral, não faz diferença, pois a ideia do nosso currículo é que a classe principal, ocupe a altura da tela por completo.
Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!
Sucesso ✨
Um grande abraço e até mais!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!