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?
Yes... thats exactly what I'm thinking. Just something to breatk outside of the grid to make it a bit more interesting.
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.
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?
