Code is not doing what it's supposed to

For some reason, my header ignores padding and margin codes and I don’t know what I’m doing wrong. (when I adjust padding and margin with *{ } it works). Here’s the code:

I also tried but it is not working. I tried codepen but the same code is working. I don’t know how jsfiddle works but i guess it has to do with the platform.

Your code is working perfect for me.


Your header is using the applied margin and padding. Are you trying to make it stick to the top of the page?

* {}

means all the elements in your html page, including the body. Currently body does have margin and that’s why your header won’t stick to the top of the page.