How to show image off canvas

Hello,
I have a div with 2 columns. In one column there’s a text, in another there’s an image. I want to have 2 different layouts (image on left and image on right) to have better visual contrasts between these divs.

See sample: Dropbox - File Deleted

My problem is when I resize the window, the image on the right gets resized as well. But this is not something I want. I want to have part of the image off the canvas as you can see in the first example where the image is on the left. I tried almost everything and I don’t know how to setup it in Webflow…

Can you share any advice?

Thanks!

Mike

1 Like

Hi @agilek,

I would suggest using position:relative for the parent element of the image, and position:absolute for the image itself. Then, you can place the image where you would like.

The tutorial at Webflow’s University provides some great insight: Position | Webflow University

Hopefully this helps :blush:

Best regards,
Micah

Thanks! I will look at it.

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.