img size on mobile

i found this code to add css.

img {

  width: 150px;

  height: auto;

}

and i solved the problem.
but the images in the footer appears to big https://prnt.sc/t2qq1q

Hi @krvam

The images in the footer are large because with your CSS, you’re telling the site that all images in your site should be 150 pixels wide, at all times.

If you can share a link to your site, and show us which images you’d like to resize exactly, we can take a look.

Hello @senff
Thank for the help.
Here i leave the link of my web: https://distribuidoraensenada.com

Hi @krvam

I personally don’t think the images are too large for mobile screens — here’s what I see:

Image link: https://cdn-std.droplr.net/files/acc_646767/wZqJ2f

If you make them smaller then it will be more difficult to see them on smaller screens, but this may help to reduce some spacing:

@media screen and (max-width: 767px) {
  .products.columns-4 li.product {
    width: 35%;
    margin: 0 5% 20px 5%;
  }

  .products.columns-4 li.product:nth-child(2n+1) {
    margin-right: 15% !important;
    clear: both;
  }

  ul.products li.product.product-category img {
    margin-bottom: 10px;
  }
}