Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Adaptações para mobile

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;
    }
1 resposta
solução!
por Lorena Garcia
| 8260.5k xp | 12081 posts
Alura Scuba Team Suporte Educacional

Oi Carnielmoises, tudo bem?

Parabéns por concluir a responsividade! Com certeza o trabalho valeu a pena! Seu código está certinho.

Vou te indicar outro curso, ele é sobre responsividade com mobile-first, que está incrível! Nele você vai aprender sobre a abordagem do mobile-first.

Ele faz parte da formação HTML e CSS.

Espero que tenha curtido a experiência e te vejo nos próximos cursos.

Bons estudos.

Abraço.