Personal Portfolio navbar-link-test (7) not passing

Issue Description

On the Personal Portfolio project, the test

1. The navbar should contain at least one link that I can click on to navigate to different sections of the page

is not passing. I have 3 links on my navbar and they work (see code and CodePen link below)

Browser Information

• Browser Name, Version: Firefox 79.0 (64-bit)
• Operating System: MacOS HighSierra 10.13.6 (17G11023)
• Mobile, Desktop, or Tablet: Desktop

Your Code / Link to Your Pen

<navbar id="navbar"> <a class="menu-link" href="#welcome-section">HOME</a> <a class="menu-link" href="#projects">PROJECTS</a> <a class="menu-link" href="#profile-section">PROFILE</a> </navbar> … <section id="welcome-section" class="anchor"> … <section id="projects" class="anchor"> … <section id="profile-section" class="anchor">

https://codepen.io/agathasta/pen/ExKZNOd

Screenshot

[lasjorg]

@Sky020 Thank you for the example.

That is what I imagined as well. Not sure we can really account for an extra overflow box like that. It’s sort of hijacking the window scroll so the scrollY position never changes.

Also, it looks to be the combination of both the height and overflow-y properties. Either one on it’s own passes the test but if used together makes the test fail (scrollY never changes).

Not sure there is much we can do. I would have to think about it to see if there is some other way to check the scroll position.

[Jdanom]

Thank you for reporting this issue.

This is a standard message notifying you that the issue has become stale, so we are going to close it.

If you think we’re wrong in closing this issue, please request for it to be reopened. Thank you and happy coding.

I’ve been trying to do this challenge for hours I didn’t know why links were not working. I’ve read somewhere that could be fixed by inserting this snippet at the top of the pen

<style> section { height: 100vh; } </style>

found out that it fixes the issue but it overflows the whole page ( I don’t know why I’m just a newbie)