Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Minha página não se adapta a versão Mobile

Olá!

Fiz tudo corretamente porém minha página ainda não se adapta a versão Mobile, não sei oque fiz de errado, podem me ajudar? segue abaixo meu CSS

@media screen and (max-width:480px) { .caixa, .principal, .conteudo-beneficios, .mapa-conteudo, .video { width: auto; }

h1 {
    text-align: center;
}

nav {
    position: static;
}

.lista-beneficios, .imagem-beneficios {
    width: 100%;
}

}

Fiz apenas algumas adaptações de estilo na minha página, não sei se deve ser isto...

Também adicionei o ao meu HTML!

Aqui embaixo vou compartilhar minha pasta inteira, caso ajude!

https://drive.google.com/drive/folders/10V1_kb3pyx7Um4ArEg5uYBCHDSWa1q0L?usp=sharing

1 resposta
solução!

Bom dia, Lucas! Tudo bem?

Obrigada por disponibilizar a pasta inteira no drive, assim ficou muito mais fácil de procurar o problema! O que constatei aqui foi que falta o arquivo reset.css na sua pasta. Ele é importado nas páginas mas não existe, então está com estilos padrões do navegador. Quando baixei o da aula e coloquei na pasta, funcionou direitinho.

Bons estudos!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software