Weird Spacing on top of my Webpage

I have this weird spacing above my h1 header and I can’t figure out why. I just want the entire element to align with the stop of the page. I didn’t see any margins or paddings that would cause this.

I think I just need a fresh set of eyes to go over the code and see what’s causing it. Here is the Code Pen. Thanks for the help, this has been driving me crazy for hours. :grimacing:

An h1 element has top and bottom margin by default. If you want to remove that margin you can do it with css. Also, the body by default has margin and padding so you may have to set that to 0 as well.

1 Like

Wow thank you so much, I can’t believe I didn’t know that… :sweat_smile: