Anchor links not hitting exactly the top of the div

https://preview.webflow.com/preview/6point6fortress-8fb916?utm_medium=preview_link&utm_source=designer&utm_content=6point6fortress-8fb916&preview=d365baa4ed7a7ababa2201a1cf4b105b&workflow=preview

In the navigation bar - the ‘Discover fortress’ anchor link doesn’t take us to the top of the section labelled ‘discover fortress’ same with the ‘pricing’ anchor link it doesn’t take us to the top of the ‘pricing’ div it is slightly lower.

Does anyone know why?

hi @Lea_Munzer you should use for elements spacing padding instead of margin as your element is hidden behind you navigation.

Thank you so much @Stan for taking the time to look into this! much appreciated! solved now :slight_smile:

@Lea_Munzer - Please mark a post as the solution to allow people to skip your post when it is solved.