Responsive web design technical docs error line 10

I am currently on the technical documentation project of the responsive web design course and on running my code through the test suite i get the following error on line 10

(Additionally, the navbar should contain link (<a>) elements with the class of "nav-link". There should be one for every element with the class "main-section".)

and also this assertion:

(There should be one .nav-link for every element with the class of "main-section", and every .nav-link should be within #navbar : expected 14 to equal 13 AssertionError: There should be one .nav-link for every element with the class of "main-section", and every .nav-link should be within #navbar : expected 14 to equal 13)

I have tried my best to solve the errors but to no avail, i really would appreciate much needed help on this.

Link to the technical documentation codepen is:

https://codepen.io/chijindujulian/pen/GRpXaGe?editors=1000

Welcome, chijindujulian.

Your main issues are:

  • Not giving your anchor a element a class of nav-link
  • Not giving your REFERENCE section a class of main-section
  • Some syntax errors

CodePen has a built-in analyser tool. Use this to analyse your HTML.

Hope this helps

1 Like

i have given my anchor a element an anchor tag and my reference section a class of main-section, still not solved.

about the syntax errors,can you point out a couple to me please

i have tried using the html analyzer tool but i can’t find an option for html analyzer under the html settings tab.

Here it is:
image

1 Like

i have analysed my html and made the recommended changes but my original problem still persists

I just made some slight changes and the error 10 has been solved and i have a new error 4

Solved and thank you very much for all your help

1 Like