I have finished my Product Landing Page project but still have a few questions about it.
Here is the link to my project: https://codepen.io/antoine-binamee/full/QWboRNW
Here are my questions:
- When I hover over the links in the navigation bar, the background turns white (as intended) but there is still a thin margin around them that makes it look like they have a black border. The height of the header and the height of the links are both set to 50px. I have tried various things but can’t get rid of this “black border”. Does anyone have an idea how to do it?
- When I click on a link, the page scrolls to the right section but the title (h2) of the section is hidden behind the fixed header. I guess I could just link the links to the element right above the title, but it would not be the best solution in terms of accessibility. Is there a “clean” way to avoid this problem?
I’m also open to all comments and suggestions.
Thanks for reading!