Technical Documentation Page - Build a Technical Documentation Page

Tell us what’s happening:
Describe your issue in detail here.

Not sure what I’m doing wrong, I have every user story EXCEPT for:

  1. Your #navbar should have exactly one header element within it.
  2. Each .nav-link should have an href attribute that links to its corresponding .main-section (e.g. If you click on a .nav-link element that contains the text “Hello world”, the page navigates to a section element with that id).

I’ve tried different variations and am still stuck. Thank you!

Your code so far

<!-- file: index.html -->






<nav id='navbar'>
  <header>Technical Page</header></nav>
  <link rel='stylesheet' href='styles.css'>
  

<nav id='navbar'>
<main id='main-doc'>


  <section class='main-section' id='topic_one'>
    <header>Topic One</header>
    <a class='nav-link'>Topic One</a>
    <p></p>
    <p></p>
    <code></code>
    <li></li>
  </section>


  <section class='main-section' id='topic_two'>
    <header>Topic Two</header>
    <a class='nav-link'>Topic Two</a>
    <p></p>
    <p></p>
    <code></code>
    <li></li>
  </section>
  <section class='main-section' id='topic_three'>
    <header>Topic Three</header>
    <a class='nav-link'>Topic Three</a>
    <p></p>
    <p></p>
    <code></code>
    <li></li>
  </section>
  <section class='main-section' id='topic_four'>
    <header>Topic Four</header>
    <a class='nav-link'>Topic Four</a>
    <p></p>
    <p></p>
    <code></code>
    <li></li>
  </section>
  <section class='main-section' id='topic_five'>
    <header>Topic Five</header>
    <a class='nav-link'>Topic Five</a>
    <p></p>
    <p></p>
    <code></code>
    <li></li>
  </section>
</main>
</nav>
/* file: styles.css */
@media (max-width: 960px) {
  * {
    font-weight: italic;
  }
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

Move this line of code into a head element.
You should create the proper doctype declaration as well and a html element

Also what makes sense when you read that the test expects a .nav-link class? For those elements to be within the nav-bar or for them to be anywhere except the navbar?

(Google “html navbar” and learn how to make a proper one or review the sample website to see how they make one by looking at the source code of the webpage)

Finally, can anchor tags exist without href attributes?

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