Tamanho Mini Banner na versão Mobile

Código CSS/HTML
1

Alguém consegue me ajudar a diminuir o tamanho dos Mini Banner na versão Mobile?

20231015_232612000_iOS
20231015_232612000_iOS828×1792 89.5 KB

Minha loja é: https://www.lojamybb.com.br/

1 curtida
2

CSS

image
image600×854 84.6 KB

@media (max-width: 767px){
    .g_ .mini-banner.hidden-phone {
        display: flex!important;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 5px
    }
    .g_ .mini-banner.hidden-phone .modulo.span4 {
        width:calc(50% - 5px);
        margin:0!important
    }
}

ou

image

@media (max-width: 767px){
    .g_ .mini-banner.hidden-phone {
        display: flex!important;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        gap: 5px
    }
    .g_ .mini-banner.hidden-phone .modulo.span4 {
        margin:0!important
    }
}
4 curtidas
3

Obrigado amigo, deu certo!

Uma dúvida, se eu quiser aumentar um pouco é só aumentar o px?

Exemplo: @media (max-width: 900px){

4

não, essa parte que vc marcou é somente para a responsividade