Site logo

Archived topic

Images horizontally overlapping in a 2 column grid

3 replies · Started by Carlo on September 14, 2020

Viewing posts 1–4 of 4

Hi there,

please see the linked page.

The structure is:
container -> 2 column grid -> an image in each column

I'd like to have each image the same width of its column. So I tried to set images wide width and as an alternative, full width.
I like how I see the images with a mobile (single image, non margins, no padding) but in desktop view they overlap.

Maybe I am doing something wrong? What is the right way to have those images the same width of their column in desktop view?

Thank you. Kind regards. Carlo

Hi there,

do not use Wide or Full width - the image if it is wide enough will fill the column.
If you want to remove the space between columns then select the Grid container and set Horizontal Gap to 0

Ok, thanks David.

You're welcome

This archived topic is closed to new replies.