As part of my design, I have slanted the div blocks. In order to make sure that the slanted block goes right to the end once they’re rotated I’ve given each one a -10px margin. However, this margin is making them go off the page which leads to horizontal scrolling which I don’t want.
I have tried putting each div block into a section and setting the max width to 100% and the overflow to none. However, when I do this, you can no longer see the div block.
I have also tried setting the max width of the section to 100%, with overflow still visible. However, this still leads to horizontal scrolling.
Is there a way to allow overflow on the verticle but not on the horizontal? I think this would solve my problem. Or is there a way of setting the max width of the whole site to 100%
Any help with this would be much appreciated. Thanks a lot!
Here is my public share link: https://preview.webflow.com/preview/easy-tweety?preview=7782abde7350581f6212af6a22edeb8f