Size Images for Phone

[S-A]

Dear All! 

I was wondering if you could help me with this issue I've been having. 

I have changed my layout of the frontage to having 4 images per row; the image size is good on the laptop or PC , but on the phone it doesn't fill the top and bottom of the image.

Could someone maybe help out in terms of CSS code to make it work :) Thank you in advance!!

Website link: www.spiritual-awak3ning.com

[oscprofessional · Accepted solution]

Hello S-A,

Please add below css in theme.scss file

@media only screen and (max-width: 590px) {
  .reveal .product--wrapper {
       margin: 0 auto;
  }
}

[S-A]

---

@oscprofessional wrote:

Hello S-A,

Please add below css in theme.scss file

@media only screen and (max-width: 590px) {
  .reveal .product--wrapper {
       margin: 0 auto;
  }
}

---

Thank you very much!!