Following is the css for my body:
body{
margin: 0px;
width: 100vw;
height: 100vh;
}
I have some divs that extend beyond the viewport on the right side (there is no way around it, that is just how my design is setup). However, I do not want to make the page scrollable horizontally.
This is the jsfiddle for the divs that are extending beyond the viewport (the red stripes are long, and the jsfiddle is not properly optimized, so its not exactly how it looks in a full browser screen), https://jsfiddle.net/gxk985kb/
How can I just not allow the horizontal scrolling at all?