I just spent hours troubleshooting why my content was pushing horizontally off the screen. I made the body container 100vh and 100vw. Then I created a div inside this container and set it at 100vw assuming it would match the body container.
My entire document was shifted to the right side and was going off the page. How exactly are you supposed to use the 100% height/width or 100vw/100vh? Every time I use them it shifts the entire document to the right!