Get Stuck on(Technical documentation)

Am stucked on Technical documentation. Problem areas are 1, 4, 10, 12, and 13. Assistance will be highly appreciated. Friends

Hi @Sirtee !

It would hep if you shared a link to your project.

But what do the failing error messages say?
Make sure to read the full error message.
That will help you solve the problem.

What have you tried?

Thanks,
I have read error message times without jumber

Here is link to my work

Before getting to the failing tests, I would suggest moving the nav element to the top of your html. Not the bottom.

I would also suggest formating your navbar because it will be easier to find errors.

<nav id="navbar">
  <header><strong>Compilation of Technical Decumentation <strong></header>
  <a href="#JavaScript_and_Java" class="nav-link"> JavaScript and Java</a><br>
  <a href="#information_security" class="nav-link">Information Security</a><br>
  <a href="#Web_Design" class="nav-link"> Web Design</a><br>
  <a href="#Scientific_Computing_Python" class="nav-link">Scientific Computing</a><br>
  <a href="#Quality_Assurance" class="nav-link"> Quality Assurance</a>
</nav>

I would suggest tackling one failing user story at a time.

Start with the first one.

The error message gives you hints on how to fix it.
Some “main-section” elements are missing the following ids (don’t forget to replace spaces with underscores!) :
A_TECHNICAL_DOCUMENTATION_PAGE,
JAVASCRIPT_AND_JAVA,
INFORMATION_SECURITY,
WEB_DESIGN,
SCIENTIFIC_COMPUTING_PYTHON,
QUALITY_ASSURANCE : expected 6 to equal 0

Those id names need to be in the section element.

 <section class="main-section nav-link" id="JavaScript_and_Java" >

Also, you have a section element here for the technical documentation page.

  <section class="main-section" id="header" class="nav-link">
    <header><strong> A Technical Documentation Page</strong></header>
  </section>

But that header text is not found in your navbar.

All of your section headers need to be present in your navbar.

A couple of other things.

You can’t have duplicate ids.
This id="header" can only be used once.

This is the correct way to combine classes.
class="main-section nav-link"

Hope that helps!

1 Like

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