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

Mobile resposive

Aqui desse jeito que fiz fico muito bom para telas em pé, e deitado

@media screen and (max-width: 840px){
    .box, .mapa-conteudo, .principal, .conteudo-beneficios, .video, .formulario, .input-padrao, .enviar{
        width: auto;
    }
    h1, .formulario{
        text-align:center;
    }
    nav{
        position: static;
    }
    .lista-beneficios, .imagem-beneficios, .produtos li{
        width: 100%;
    }
    table,.input-padrao,.produtos li{
        margin: 20px auto 40px auto;
    }

}
1 resposta
solução!

Oi Fernando, tudo bem?

Parabéns pela solução, continue estudando desse jeito! Obrigada por compartilhar o código aqui também para ajudar outras pessoas :)

Precisando de alguma ajuda é só deixar aqui no fórum que estaremos à disposição, abraços e bons estudos!