1 single oversized product image on collection page.... why?

[1KNDclothing]

Hello everyone, I had some formatting issues on my policy page yesterday and I got a result from the community, however, I have just noticed that only 1 product on my collection page is showing really large, taking up the space of many. it seems to be on 1 item on each collection page.

https://1kndclothing.com/collections/unisex-vegan-hoodies

Can anyone help, thank you

[oscprofessional · Accepted solution]

@1KNDclothing ,

Remove this CSS line no 2908

Path  of file :

Online Store->Theme->Edit code->Assets->theme.scss.liquid

[1KNDclothing]

worked thank you

[GemPages]

Hello @1KNDclothing 

It's GemPages support team and glad to support you today.

You can follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your base.css file and paste the following code below: 

@media screen and (min-width: 750px){
  .grid__item {
     max-width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4) !important;
  }
}

Let us know how it works for you.
Best regards,
GemPages Support Team