Adding border to image, strange padding appears

[logoglo]

HI, see here:

REM | Recycling Equipment Manufacturing

Scroll down to images, I added a border to the images in that row. They look good on some screens:

Bad on others : (added gaps left and right)

How do I make this consistent?

[christian]

Hey @logoglo,

The solution for that is you use a image size enough to cover the size of the column. Right now, your images are 319px in width while the column size is 372px. Your image must be 373px in size to cover that area.

Our builder does not have an option to scale the image up in order to prevent blurry or pixelated image display.

Hope that helps.

[logoglo]

Thanks, that worked

[nabeel]

We’re glad it worked.

Cheers!

[logoglo]

I spoke too soon, on ipads, there is still a tiny gap…

[friech]

Hi @logoglo,

Same as the suggestion by Christian above, but this time double down the 373px so that would be 746px, that should be a safe size for the image to cover the entire column area.

Thanks,