1
resposta

Segue minha solução para a produtos mobile page

@media screen and (max-width: 480px){

 .produtos{
        width: auto;
        padding: 0 auto;
        margin: 0 auto;
    }
    .produtos li{
        width: 30%;
        margin: 10px 1%;
        padding:10px 2px;
        border: 1px solid black;
    }
    .produtos li img {
        width: 100%;
        padding:10px 2px;
    }
    .produtos h2{
        font-size: 12px;
    }
    .produtoDescricao,.produtoPreco{
        font-size: 10px;
    }
}

Matricule-se agora e aproveite até 50% OFF

O maior desconto do ano para você evoluir com a maior escola de tecnologia

QUERO APROVEITAR
1 resposta

Oi, Viviane, tudo bem?

Legal a forma como você fez, coube certinho na tela de celular! Mas talvez fosse mais interessante deixar em forma de lista, um produto abaixo do outro. Pensou nessa forma também, tenta fazer dessa forma e nos fala se gostou do resultado!