Exibir 2 colunas de produtos no Mobile

Boa tarde, alguem sabe se tem como exibir 2 colunas de produtos no Mobile?
Igual essa foto

@media only screen and (max-width: 767px){
    div#listagemProdutos li.listagem-linha  > ul {
        display:flex;
        flex-wrap: wrap;
    }
    
    div#listagemProdutos li.listagem-linha  > ul > li {
        flex: 50%;
        margin: 0;
    }
}    

3 curtidas

Nú, show de bola
Agora só mais uma coisa, tem como diminuir essa lupinha e o escrito ver mais? ou ate tirar

@media only screen and (max-width: 479px){
    .acoes-produto-responsiva {
        top: unset;
        right: unset;
        width: 90%;
        text-align: center;
        bottom: 0;
    }
    .listagem .listagem-item {
        padding-bottom: 50px;
        text-align:center;
    }
    div#listagemProdutos li.listagem-linha  > ul > li {
        display: flex;
        margin-bottom: 30px;
    }
}    

mesmo assim, se quiser a fonte menor…

@media only screen and (max-width: 479px){
    .acoes-produto-responsiva {
        top: unset;
        right: unset;
        width: 90%;
        text-align: center;
        bottom: 0;
    }
    .listagem .listagem-item {
        padding-bottom: 50px;
        text-align:center;
    }
    div#listagemProdutos li.listagem-linha  > ul > li {
        display: flex;
        margin-bottom: 30px;
    }
    
    .acoes-produto-responsiva.visible-phone a.tag-comprar.fundo-principal *{
        font-size: 15px
    }
    
    .acoes-produto-responsiva .tag-comprar i {
        top: -2px;
    }
}    

2 curtidas