@media screen and (max-width: 480px) { .caixa, .main, .conteudo-beneficios, .mapa-conteudo, .video, .produtos, .produtos li { width: auto; } }
também pode ignorar o width direto em (.produtos li) mas ai não funciona na tela do PC
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
@media screen and (max-width: 480px) { .caixa, .main, .conteudo-beneficios, .mapa-conteudo, .video, .produtos, .produtos li { width: auto; } }
também pode ignorar o width direto em (.produtos li) mas ai não funciona na tela do PC
Olá, Estudante.
Tudo bem?
Muito obrigado por compartilhar a sua solução aqui com a gente :)
Assim você ajuda outros alunos! Valeu mesmo.
Precisar de ajuda conta com a gente também!
não entendi, como você adaptou a página de produtos ?