How can I reduce product image size on my home page for mobile view?

[Emiway]

I want my product size smaller in mobile view. I am Referencing images to you 

My Website: https://houseofsneakers.in/

Reference website: https://hypestockexchange.in

Want small product in first website house of Sneakers you can see difference between them!!

[Abdosamer · Accepted solution]

Hi @Emiway , go to theme.css and add the following code :

@media (max-width:990px){

.product-list__inner--scroller {
   
    grid-auto-columns: 40vw !important;
    
}

}

Result:

[websensepro]

Hi, @Emiway.

Follow These steps,

Go to the online store theme and go to base.css file paste the code mentiond below.

@media (min-width: 320px) and (max-width: 767px) {


.product-list__inner--scroller {
    grid-auto-columns: 32vw !important;
}

}

Result:

If I managed to help you then, don't forget to Like it and Mark it as Solution!