It's overlapping!

https://codepen.io/hopefulcodegirl/pen/PoPEbee

My paragraph is overlapping my nav-links. How do I fix that? Thank you.

hi @codeofdreams

had the same problem like that too before.
you just have to move down your first section the same height to your header height. i.e header take 50px height, then you should move down the first section start 50px from.

1 Like

It’s because you gave your header a position: absolute;. This will have it position itself absolutely inside it’s parent container.

1 Like

I tried both of your suggestions but neither have worked.

Nevermind! I fixed it. I forgot to put a semi-colon in my first section. Duh! I’m so silly!