Adjust image outside, but in container?

Hey guys,

I’m trying to achieve something similar to this website → Collaborate better | InVision .
I want to have a text box on the one side and an image box on the other. The image should overflow the “right border” on smaller screens - but the whole row should be centered on larger screens . Therefore I created a row with one text column and one image column. The problem is now that the row wont be centered in the middle on larger screen sizes.

Hopefully you understand my problem :smiley: hard to explain…
I think if you’re going to zoom out of the invisionapp website, you will understand what I want to achieve.

This is the link to my site …
https://preview.webflow.com/preview/container-ouside?preview=44e27fd714c1bb4d717202cba6d7073e

Thank you very much!

Robin

Watch the building webflow.com video tutorial as has a bunch of these in it that are covered. See about 27 mins in where he starts building something similar

http://help.webflow.com/lesson/building-webflow-in-webflow

1 Like

But will it be centered with this method ? Because I tried something similar and it wasn’t centered on bigger screens?!

If you set it usign the two column container like it shows at about 38 mins into the video then it will be centered at large size

1 Like

Ok thank you very much! I’m going to try it and will report! :slight_smile:

Ok its working! Thank you very much for helping me!

Awesome!

1 Like

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