Solucionado
Quando pensamos em height, a sua função se descreve para garantir que possamos usar 100% da altura da nossa tela. Pensando dessa forma então, seria correto afirmar que definimos a height dessa forma para que os elementos presentes no HTML não "saiam"/ ultrapassem a tela?
Olá, Juliana! Como vai?
A propriedade "height" no HTML é utilizada para definir a altura de um elemento. Quando definimos a altura de um elemento como 100%, estamos dizendo que o elemento deve ocupar toda a altura disponível do seu elemento pai.
A altura que definimos em um elemento é relativa ao elemento pai, não à altura total da tela. Portanto, nem sempre definir a altura como 100% irá garantir que os elementos não ultrapassem a tela.
Para evitar que os elementos "saíam" ou ultrapassem a tela, é necessário utilizar outras técnicas, como o posicionamento correto dos elementos, o uso de media queries para ajustar o layout em diferentes tamanhos de tela entre outras técnicas usadas nesses casos.
Espero ter ajudado a esclarecer sua dúvida! Se tiver mais alguma dúvida, estou à disposição. Bons estudos!
entendi, Nicolas! No caso do projeto então, o elemento pai que estamos mencionando seria o body correto? ficando assim então da seguinte forma:
body { height: 100vh; background-color: #00000; color #F6F6F6;}
Seria isso mesmo? Porque no caso desse projeto em específico, o que acontece é que antes o body (texto com botões e imagens) quando olhávamos no inspecionar, ocupava até mais ou menos metade da tela, mas ai quando adicionamos o height com om 100% dai ele ocupa toda a nossa tela.
Olá, Juliana!
Perfeito. Dessa forma o "body" irá ocupar toda a tela verticalmente, muito bem!
Ficamos felizes em ver o seu aprendizado, fique à vontade para sempre compartilhá-lo conosco.
Abraço e bons estudos.
ah sim, entendi! muito obrigada pelo suporte.