1
resposta

Sobre a altura definida para o body

No projeto atual tem-se que o body está definido com "height: 100vh" e o main (class="apresentacao") está definido com "margin: 10% 15%". Minha dúvida é a seguinte: Eu poderia, em vez de definir um margin-top e bottom de 10%, ter colocado o "height: 100vh" também no main (class="apresentacao") para que o conteúdo ficasse mais bem centralizado na tela e assim definir "margin: 0 15%"? Faz diferença para este projeto?

1 resposta

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!