Anchor tag jumps to wrong position of the linked element from the page

Hello all!
I’m working on my portfolio challenge and I want my navigation items <a> to link to elements on the same page with different ids so I am doing something like <a href="#someElement1">About</a> and <section id="someElement1">...</section>. Problem is, when I press on the link, the element linked is not brought at the top of the page as supposed to and I don’t understand why. I need some hints please! :slightly_frowning_face: Here is my codepen link

If you looking at the #portfolio section you may need to remove some of those attributes. I’m not sure which one is the problem. But you might try the data-toggle one.

so this scheme doesn’t work on dropdown menu headings … :disappointed: