Hey all I was wondering if there is an option to crop the site so that this hard red/blue change disappears. It also causes unsatisfactory scrolling because you can scroll horizontally as well, which ideally I don’t want. Thanks!
Set max-width to 100%
And overflow hidden
Should do the trick.
You can do what most will suggest and set overflow hidden, but I don’t like this method, it’s a hack to fix something that is clearly broken.
You have a div somewhere that isn’t fitting to its parent container correctly, sometimes this is because it needs width:100% set or an image is too big, etc etc.
The two methods I use to find the culprit are these.. You can set a css property of
div {outline-color:red;}
This will show the shapes and which one is leaking outside.
Or
You can go into the inspect of the page and slowly delete each section of the page, select the footer and press the delete button and then the next element so on and so forth, when you delete one that make the page shrink, ctrl/cmd Z backwards and open the element up and start deleting parts of the inside of it, until you narrow it down..
Set max-width to 100%
And overflow hidden
Should do the trick.
You can do what most will suggest and set overflow hidden, but I don’t like this method, it’s a hack to fix something that is clearly broken.
You have a div somewhere that isn’t fitting to its parent container correctly, sometimes this is because it needs width:100% set or an image is too big, etc etc.
The two methods I use to find the culprit are these.. You can set a css property of
div {outline-color:red;}
This will show the shapes and which one is leaking outside.
Or
You can go into the inspect of the page and slowly delete each section of the page, select the footer and press the delete button and then the next element so on and so forth, when you delete one that make the page shrink, ctrl/cmd Z backwards and open the element up and start deleting parts of the inside of it, until you narrow it down..