Porque mesmo usando esse valor na propriedade, o site fica com uma barra de rolagem, excedendo o tamanho da tela? como ajustar?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Porque mesmo usando esse valor na propriedade, o site fica com uma barra de rolagem, excedendo o tamanho da tela? como ajustar?
Olá Paulo, tudo bem?
O valor "100vh" na propriedade "height" faz com que o elemento ocupe 100% da altura da janela do navegador. Porém, é importante lembrar que a altura da janela pode variar dependendo do dispositivo e do tamanho da tela.
Uma possível solução para evitar a barra de rolagem é utilizar a propriedade "overflow: hidden" no elemento pai que contém o elemento com "height: 100vh". Isso fará com que o conteúdo que exceder o tamanho da janela seja ocultado.
Porém, é importante lembrar que essa solução pode causar problemas de acessibilidade, pois o usuário não poderá rolar a página para ver todo o conteúdo. Portanto, é importante avaliar se essa é a melhor solução para o seu caso específico.
Espero ter ajudado e bons estudos!
e como fazer para ocupar 100% da altura de qualquer dispositivo e tela? sem usar o overflow
Fala Paulo, tudo certo?
Tava tendo esse mesmo problema e acho que seja pelo tamanho da tela. Um colega sugeriu em um tópico esse código:
.apresentacao {
justify-content: center;
height: 100%;
gap: 62px;
display: flex;
align-items: center;
}Aqui funcionou direitinho. Testa aí no seu! Abraço!