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.
Here’s an image
I have set overflow:hidden to body, but that makes page unscrollable. What can I do to solve it?