Turning 2 brands per row into 3 brands per row on mobile layout, collection list

[outdoorarmory]

Hi everyone,

Can anyone please send me a CSS code - that I can play around with - to change the encircled collection grid list from 2 brands per row into 3 brands per row in mobile layout? Note that I am happy with my layout on desktop, so I specifically need a code only for mobile layout only.

Encircled below is a screenshot of the section whose collection list I would like to make into 3 per row:

Thanks in advance!

Outdoor Armory

[Asad-Mahmood]

Go to your online store → customize → settings → custom css
and paste this code there

@media only screen and (max-width: 760px) {
    .l4cl.w50-mobile {
        --w2: 33% !important;
    }
}

[topnewyork]

Hello, @outdoorarmory
Please share “Store URL”
Thanks!

[outdoorarmory]

Thank you so much, @Asad-Mahmood !