Why do I have a white box at the bottom of my page and how do I fix it?-CodePudding

I have random white spaces at the bottom of my website. I am a new developer and I dont understand CSS that much yet.

CodePudding user response：

Your <div ></div> needs a height 100vh in order to take all the screen view height;

.colour{
height: 100vh
}

CodePudding user response：

Because the body element's height is set according to your elements inside it.

If You want to make it full screen set a specific height to your body element like body{height: 100vh;}

Or You can just set your HTML background color like html { background-color: #1b1c1c; }