Technical Documentation Page - Build a Technical Documentation Page

HTML-CSS
1

Tell us what’s happening:
How do I write code for this “Each .nav-link should have an href attribute that links to its corresponding .main-section”

Your code so far

<!-- file: index.html -->
<main id="main-doc">
  <section class="main-section" id="introduction">
    <header>Introduction</header>
    <p></p>
    <p></p>
       <code></code>
       <li></li> 
       <nav id="navbar" >
  <header>Beginning</header>
  <a class="nav-link" href="introduction"> introduction</a>
</nav> 
  </section>
 <section class="main-section" id="previous_knowledge">
   <header>Previous Knowledge</header>
  <p></p>
  <p></p> 
     <code></code>
     <li></li>
     <nav id="navbar">
  
  <a class="nav-link" href="previous_knowledge">Previous Knowledge</a>
</nav>
  </section> 
 <section class="main-section" id="HTML">
     <header>HTML</header>
  <p></p>
  <p></p> 
     <code></code>
     <li></li>
     <nav id="navbar">
  
  <a class="nav-link" href="HTML">HTML</a>
</nav>
</section>
 <section class="main-section" id="CSS">
   <header>CSS</header>
  <p></p>
  <p></p>
     <code></code>
     <li></li>
     <nav id="navbar">
 
  <a class="nav-link" href="CSS">CSS</a>
</nav>
  </section>
 <section class="main-section" id="Summary">
      <header>Summary</header>
   <p></p>
   <p></p>
   <code></code>
   <li></li>
   <nav id="navbar">
  
  <a class="nav-link" href="Summary">Summary</a>
</nav>
</section>

  </main> 

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/113.0.0.0 Safari/537.36

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

2

It wants you to link your nav elements to the sections on the page.

You can do this by passing in the ID of the element into the href.

This is the website I like to use for references and definitions
when I forget something :smiley:
HTML Links - Create Bookmark (w3schools.com)

Remember that an id is case sensitive