So I’m trying to style my website and basically position my divs in a certain way. However it keeps getting displaced. The div is either position too much at the bottom or too much at the top. On another pc the taskbar was too short.

PS. I’m learning and I’ve done Udemy courses but my brain is blocking when it comes to this.

What is the white space and do I work around it? Also how do I understand this better

White space

What is the best way to have it centred on the page?

this is essentially how I’d want all my div boxes to be looking liek

also why does my clippy image constantly move and disappear?

And what is a simpler way to understand CSS positioning and how this page could be read across devices and screens.