Como deixar alinhado o botão comprar e a informação de desconto no produto para celular?

Código CSS/HTML
2

Acho que esse código CSS vai servir para você:

/*Regras aplicadas para telas com menos de 479px de largura*/
@media only screen and (max-width: 479px) {
	/*Centraliza o botão 'Comprar'*/
    .acoes-produto-responsiva {
        right: 50%;
        transform: translateX(50%);
    }
    /*Move a bandeira do desconto para o canto superior esquerdo*/
    .bandeiras-produto {
    	left: 0;
        right: 50%;
        top: 0;
        transform: translateX(50%);
    }
    /*Centraliza o nome e o preço do produto*/
    .listagem .listagem-item .imagem-produto, .listagem .listagem-item .info-produto {
    	text-align: center;
    }
}
2 curtidas