How can I make product images full width on mobile using Impulse Theme?

Store Design
,
1

I’m using Impulse Theme and is having problems with one section.

When product grid is shown in mobile, the images are so small. I want to show the images on their full width without losing the scrollable feature. As you can see, it shows 2 prodcuts. I want to show one product per scroll because the dimension is too small

kj0_0-1680166996332.png
kj0_0-1680166996332.png358×347 27.6 KB

2

In the bottom of your theme.css file add this code

@media only screen and (max-width:768px){
.grid-overflow-wrapper .grid__item.grid-product{
flex:0 0 80vw !important;
}
}