Portfolio page: Nav link check fails

HTML-CSS
#1

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

#2

HI @chris15 !

Welcome to the forum!

You will get more responses if you post your code.

#3

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.

#4

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

#5

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

#6

Thank you for the insightful response.

#7

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