Dawn Theme - How to lessen multicolumn padding for mobile

Store Design
1

I’m trying to lessen the space in between the multicolumn columns for mobile devices. I want to keep the swipe feature as well.

Issue attached below

https://imgur.com/a/GgSR8b2

Store link-https://b01a38-40.myshopify.com/

Code- dapolu

2

@IllIlIl1 please add this css to the very end of your base.css file and check,
Shopify Admin → Online Store ->Theme → Edit code → base.css

@media screen and (min-width: 990px) {
    #shopify-section-template--16203124473930__multicolumn_tfJAkc .multicolumn-list.grid--6-col-desktop .grid__item {
        width: calc(8% - var(--grid-desktop-horizontal-spacing)* 5 / 6) !important;
        max-width: calc(8% - var(--grid-desktop-horizontal-spacing)* 5 / 6) !important;
    }
}
3

Hello, I have added it but nothing changed. Any ideas why?