Dawn Theme - How to lessen multicolumn padding for mobile

[IllIlIl1]

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

[suyash1]

@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;
    }
}

[IllIlIl1]

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