1
resposta

HTML CSS, PROBLEMAS COM AJUSTE PARA CELULAR

Boa noite, não estou conseguindo ajustar a questão do css para a versão para celular

A home esta correta, segue foto

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

Porem a de produtos não consigo ajustar

@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%
}

}

Posso continuar nesta da home, ou preciso criar uma nova e de algum jeito direcionar?

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

Alguem pode me dizer como que realizo?

1 resposta

E aí Leo, beleza? Verifica que no seu css a .lista-beneficios, imagem-beneficios { width: 100% } está definida porem a classe imagem-beneficios está sem o ponto no começo: .imagem-beneficios, assim o css não consegue identificar essa classe e acaba não estilizando