Portfolio page: Nav link check fails

Hi,

I created my portfolio page project. The check script fails at the nav link requirement (in Chrome). I have two navlinks in the navbar which are working and cannot spot an error.

https://www.christinehantschel.de/freeCodeCamp-MyProjects/responsive-web-design/web-development/portfolio.html

Thanks in advance, Chris

HI @chris15 !

Welcome to the forum!

You will get more responses if you post your code.

You’ve set your <main> to overflow-y:scroll, only to make the header sticky/fixed. I’m not sure why that confuses the tests but if you remove the overflow, and set the header to fixed, the tests pass.

Thank you. So it seems that the test script has a problem with CSS grid.

It’s not related to CSS grid, it’s how the test detects the scroll position.

Without main { overflow-y: scroll; }, you have a normal scrollbar that starts at the top of the page:

fcc

With main { overflow-y: scroll; }, the scrollbar starts below the header:

fcc2

Thank you for the insightful response.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.