I'm not a web developer by any means, but I tried my best with a site my company launched. I wrote the code for https://nullptrsec.io but for some weird reason, if the page is made scrollable, this gray box appears at the bottom of the initally rendered page. I have tried a LOT of things to eliminate it (various CSS) hacks. I know that you're supposed to list what you tried, but because I tried so much I figured that would be pretty verbose.

To replicate this issue, you can visit https://nullptrsec.io on a mobile device, or use your browser to mimic mobile dimensions (through dev tools). I'm trying to eliminate this gray box, but cannot figure it out!

CodePudding user response：

I've looked through your page and I see that the body isn't adjusting itself to your content, and the body is the component that has that certain blue color over the gray.

Adding the h-auto to you body should solve this: