I need help in my static page

I have created a static page in codepen but when I click on one of the links to navigate me to different part of my page it does it alright but not all the section will be visible especially the heading will be under the padding of the header… here is the link

Yeah, this is why (many) developers hate CSS. But it is amazingly powerful if you learn how to use it.

There is more than one way to do it. One way might be to add:

    scroll-padding-top: 100px;

to your body CSS.