Technical Documentation Page - Build a Technical Documentation Page

HTML-CSS
1

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:

2

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?