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

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @IllIlIl1 
- Please follow these steps:

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

 

@media screen and (max-width: 749px) {
    .grid--peek .grid__item {
        min-width: 27% !important;
    }
}

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.