1
resposta

Minha solução foi essa:

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

    .produtos {
        width: auto;
    }

    .produtos li {
        display: block;
        text-align: center;
        width: auto;
        margin: 2% 1.3em;
        box-sizing: border-box;
        border-radius: 30px;

    }

    .input-padrao{
        text-align: center;
        margin: 10px auto;
    }

    select {
        font-weight: bold;
        font-size: 1.1em;
    }

    h1, form, fildset {
        text-align: center;
    }

    nav {
        position: static;
    }

    .lista-beneficios, .imagem-beneficios {
        width: 100%;
        margin: 5px 0;
        text-align: center;
    }

    form, fieldset {
        margin: 10px 40px 10px;
    }

    table {
        margin: 10px auto;

    }

    .enviar{
            width: auto; 
    }
}
1 resposta

Olá Paulo, tudo bem?

Excelente! Ficou com alguma dúvida ou dificuldade?

Caso sim, fique a vontade para perguntar! Estamos a disposição para ajudar...

Abraços!