Sliders don't stretch/fill the row

[heirloom]

I’m trying to build a product grid with image sliders, however they don’t seem to stretch/fill the grid/page as I want them to. Been trying various options with no success. Also tried to remove my custom CSS but nothing happened.

I want them to fill the page horizontally both on desktop and mobile. See page here: https://www.heirloom.se/shop/

Is there any fix for this?

[heirloom]

Now I used this code on the product image container and it seems to fix it. However it affects the full page? Is there a better solution?

.x-image img {
width: 100%;
}

[prakash_s]

Hello @heirloom,

Thanks for writing to us.

I would suggest you please add the element CSS on the Image element. You need to go to the Image element —>customize —>Element CSS.

$el.x-image img{
  width:100%;
}

Thanks