search

gustavoguanabara / html-css

Curso de HTML5 e CSS3
https://gustavoguanabara.github.io/html-css/
MIT License
13.64k stars 3.28k forks source link

Problema no desafio 10 #463

Open kaue19santos opened 1 year ago

kaue19santos commented 1 year ago

Quando abro o projeto android no celular, o conteúdo do meu nav se sobrepõe ao parágrafo que está no header. Alguém sabe o que pode ser?

felisminochico commented 1 year ago

Se a tua tag nav estiver dentro da tag header, pode ser que utilizaste a propriedade margin no lugar do padding. Tenta isso, se não der, volte aqui pra podermos resolver isso!

kaue19santos commented 1 year ago

A minha tag nav está fora da tag header, e no nav eu coloquei padding mesmo. Tentei colocar o nav dentro do header mas criou foi outro problema kkkkk aí voltei para a configuração de antes mesmo.

felisminochico commented 1 year ago

Na configuração deste mesmo parágrafo que está dentro do header, se tiver uma configuração de margem, substitua pela propriedade de padding-bottom. Use inicialmente um valor de 40px de padding-bottom para a configuração deste mesmo parágrafo. Senão tiver nenhuma configuração de margem, configure na mesma a propriedade padding-bottom!

JoseEduardoCosta commented 1 year ago

mexi aqui rapidão com o inspecionar, e quando eu desativei o height que tava no header o padding-bottom 40px que tu botou no paragrafo do header funcionou, creio eu que tu limitou o header e ele ficou em cima do nav.

Minha sugestão em vez de por height tu use "min-height: 165px;"

LaramosGalion commented 1 year ago

Olá, uma solução é a modificação da height, colocando ela como min-height, assim os espaçamentos da div são respeitados quando há as quebras de conteudo.

BrunoDeAguiar commented 1 year ago

cara coloca um padding-bottom de 50px dentro do header e nao no header > p, pode ter certeza que vai funcionar