I’ve got a page, that has set grid of 1170px. On that grid, I have flexbox with left side div on 50% and the right side is an image, that goes beyond that 50% and even beyond my real estate at 1440px.
The problem I have, is that the page will now scroll right even though I don’t want it too. I want the part of the image to be hidden on my screen and only visible to those with bigger monitors.
Glad it worked! It’s one of many routes to take, but I’d say it’s fairly standard way to approach situations where you don’t want the overflow to affect horizontal scroll.