1
resposta

[Dúvida] viewport

Olá por que é importante colocarmos height: 100vh no body no CSS? e o que significa "os elementos sairem da tela" quando a instrutora fala no vídeo https://cursos.alura.com.br/course/html-css-classes-posicionamento-flexbox/task/118640

1 resposta

Olá! Usar height: 100vh no body no CSS é importante porque determina a altura máxima da página em relação ao tamanho da tela do dispositivo. Isso é importante para garantir que a página se ajuste corretamente à tela e não fique cortada ou sem espaço em dispositivos com tamanhos de tela diferentes.

"Os elementos saírem da tela" significa que algum elemento da página foi posicionado fora da área visível da tela, ou seja, o usuário não pode ver o elemento sem rolar a página. Isso pode ocorrer se a altura da página não for definida corretamente, resultando em uma página maior do que a tela. Definir a altura da página com height: 100vh ajuda a evitar esse problema, pois garante que a altura da página seja limitada ao tamanho da tela.