Olá, tudo bem?
Fiz a página e usei todas as instruções corretamente, no entanto, na parte do index, minha página não de adapta totalmente a versão mobile.
Poderia me ajudar? Segue aqui todos os arquivos, utilizados. Segue o link do drive onde deixei o códigto para darem uma olhada. https://drive.google.com/file/d/1EXzws1GcJ0lv7lj__2aryMUFABHysvRC/view?usp=sharing
Boa Tarde Victor,
Consegui olhar algumas coisas no seu código mas ficaria mais interessante para mostrar os erros se vc publicasse no github.
Mas pra iniciar verifique que seu arquivo style-home.css tem 2 erros.
O primeiro é o body estar vazio.
body{
}O segundo no elemento ul o font-size está vazio.
ul{
font-size: ;
display: inline-block;
vertical-align: top;
width: 20%;
margin-right: 15%;
}Não sei se isso ira arrumar seu problema, mas corrigi futuros erros.
Adaptando o código abaixo , uma parte dos problemas se resolvem:
@media screen and (max-width: 480px) { .xxxxx, .xxxx2, xxxxxx3 { width: auto; }
h1 {
text-align: center;
}
nav {
position: static;
}
.xxxxx, .xxxxx2 {
width: 100%;
}}