Help with nav element going to corresponding section

1

I am having trouble getting the test “When I click a .nav-link button in the nav element, I am taken to the corresponding section of the landing page” to pass. I think I have linked everything correctly. It seems to work in my browser when I am testing it on my computer but will not pass the test. I have had this issue with a few other things but have been able to manipulate the code to get it to pass even though it doesn’t look the way I want the page to look. Anyway, if you see something please let me know. Thanks!
https://codepen.io/lthom17/pen/MWwQGPy

2

you need to give the link to your project, that one is the pen given by freecodecamp with just the tests

3

Sorry, I think its correct now.

4

the script tag that was present in the other pen should also be present in this one

5

I just realized what you meant by that, sorry this is all new to me…

https://codepen.io/lthom17/pen/eYNVKee

6

now there is again only the test suite.
You need to add that script tag to your project

7

I’ve tested it and it looks like everything is connected and tested. I didn’t realize I had to “save” the pen before I could link to it.

https://codepen.io/lthom17/pen/zYGWYEb

8

  1. You have to move the nav-link class from the <li> element to the <a> element (<li><a class="nav-link" href="#About">Home</a></li>)

  2. You have text for the type on the submit button. It should be submit (type="submit").

  3. You will fail #Layout test 1 when the page is tall enough to scroll. Move position: fixed to the #header element instead.

    position: fixed;
    top: 0;
    width: 100%;
9

Thank you for your help!