1
resposta

[Bug] O conteúdo está ultrapassando o limite de min-height da tela

Estou utilizando o min-heigth no AppContainer para que a pagina renderize seu background-image independente da quantidade de conteúdo que tenha, mas não está acontecendo.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta

Oi Ícaro! Tudo bem?

Pelo que entendi, você está tendo problemas com o conteúdo da sua página ultrapassando o limite de min-height que você definiu no AppContainer, certo?

Uma possível solução para esse problema seria utilizar a propriedade CSS overflow no seu AppContainer. Dessa forma, você pode definir como o conteúdo que ultrapassar o limite de altura deve ser tratado. Por exemplo, se você definir overflow: auto, será criada uma barra de rolagem para que o usuário possa visualizar todo o conteúdo, sem que ele ultrapasse o limite de altura definido.

Veja um exemplo de como ficaria o código CSS:

#AppContainer {
  min-height: 100vh;
  overflow: auto;
}

Espero que essa dica possa te ajudar a resolver o problema!

Um abraço e bons estudos.