Adaptações para mobile | HTML5 e CSS3 parte 4: avançando no CSS

Entrar Ainda não tem acesso?

Solucionado (ver solução)

Solucionado
(ver solução)

1
resposta

Referente ao curso HTML5 e CSS3 parte 4: avançando no CSS, no capítulo Design responsivo e atividade Próximos passos

por Moisés Enick Carniel

| 139.8k xp | 9 posts

Professor

Olá,

Seguindo as orientações do instrutor, vou compartilhar as alterações que fiz no CSS para deixar a página de produtos e contato responsiva também no mobile.

.produtos {
        width: auto;
        display: block;

    }

    .produtos li {
        margin-top: 20px;
        margin-bottom: 20px1;
        width: 100%;

    }

    form {
        text-align: center;
    }

    .input-padrao {
        width: 95%;
        margin-top: 2em;
        margin-bottom: 2em;
        padding: 10px 0 10px 0;
    }

    .enviar {
        width: 90%;
    }

    .tabela {
        margin: 10px auto;
    }