Pagina de Produtos e Contato responsivo - Minha Solução | HTML5 e CSS3 parte 4: avançando no CSS

1
resposta

Referente ao curso HTML5 e CSS3 parte 4: avançando no CSS, no capítulo Design responsivo e atividade Conclusão

por tchelas

| 259k xp | 16 posts

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

    .logo {
        text-align:center;
    }

    nav {
        position: static;
    }

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

    .produtos li, .formulario-tabela {
        width: auto;
        display: block;
        margin: 10px 10px;
    }


}

1 resposta

por Luan Alves

| 427.6k xp | 555 posts

Monitor em Desenvolvimento Front-End

03/02/2022

Olá, Tchelas.

Obrigado por compartilhar sua solução com outros estudantes, certamente irá ajudar o pessoal! :)

Surgindo dúvidas, pode contar com a gente!