How to Extend Image Outside Container Without Causing Scroll Issues

·

Hi there. Stupid question but I'm trying to get this image to extend outside the "Large Container" div while also not getting a horizontal scroll when the browser window is small. Any ideas?

11 comments

Matt J.
·
Quinn B. Would you mind sending a read-only link?
Quinn B.
·
https://preview.webflow.com/preview/swell-v7?utm_medium=preview_link&utm_source=design[…]&pageId=663e8ac9b78fc8e40847bbbf&locale=en&workflow=preview
Quinn B.
·
Matt J. what are you doing working today... its a holiday!
Matt J.
·
Quinn B. haha no rest for the wicked my friend!
Matt J.
·
Quinn B. something like this or? If not, do you have a design to reference at all by chance?
Quinn B.
·
Yes... thats exactly what I'm thinking. Just something to breatk outside of the grid to make it a bit more interesting.
Matt J.
·
nice okay
Matt J.
·
reset all of the "position relative" settings to "position static" where I have the arrows. And then on the tab content 5 div, change from overflow hidden to overflow auto. And then on the image wrapper div, increase the width by a percentage. Play around with this until you like it. On tablet/mobile breakpoints, adjust this width accordingly as well but generally, it scales down as the screen does.
Quinn B.
·
You're the best! Thanks a million!
💪1
Quinn B.
·
Hi Matt.... So I've done all that but now I get a horizontal scroll when the browser window overlaps the window. Is there a way to make it crop and bleed off the page when the browser window shrinks?
Quinn B.
·