Technical Documentation Page - Build a Technical Documentation Page

Tell us what’s happening:
I am having trouble figuring out why i cant pass this step. Any help would be helpful!

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).

Your code so far


The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

<DOCTYPE! html>
  <html lang="en">
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./styles.css">
     <title>Technical Documentation Page</title>
     <main id="main-doc">
       <section class="main-section" id="Technical_Drums">         
         <h1>Technical Drums</h1>
      <section class="main-section" id="Percussion_Types">
          <h3>Percussion Types</h3>
      <p>The list can go on and on about different types of percussion.</p>
      <p>Here are just a few:</p>
      <li>Snare Drum</li>
      <li>Bass Drum</li>
        <section class="main-section" id="Drum_Types">
            <h3>Drum Types</h3>
        <p>Suprigingly, there are many different types of drums from countries all over the world.</p>
        <p>Here are just a few:</p>
        <li>Foot Drum</li>
          <section class="main-section" id="Drum_Line">
              <h3>Drum Line</h3>
          <p>When it comes to being apart of a drumline, you must have a few different types of drum instruments to make the drumline whole.</p>
          <p>To be the heartbeat of the band, the drumline should have:</p>
          <li>Snare Drums</li>
          <li>Bass Drums</li>
            <section class="main-section" id="Drum_Sticks">
                <h3>Drum Sticks</h3>
            <p>Drum sicks come in various shapes, sizes and tips. </p>
            <p>Here are diffrent types of drum sticks:</p>
            <li>Drum sticks for drumset or drumline</li>
            <li>Drumset sticks can have wooden or nylon tips</li>
              <section class="main-section" id="Basic_Notes">
                  <h3>Basic Notes</h3>
              <p>Here is a guide for basic counting of notes</p>
              <p>Below will describe what note it it, how many counts if you are reading in 4/4 time:</p>
              <li>A quarter note has four even beats within one 4/4 measure</li>
              <li>an eigth note has 8 even beats within one 4/4 measure</li>
              <li>a sixteenth note has 16 beats within one 4/4 measure.</li>
              <li>a whole note is one note that is held for all four beats within a 4/4 measure.</li>
              <li>A half note is two beats within a 4/4 measure</li>
              <code><b>Quarter note=</b> 1 2 3 4</code>
              <code><b>Half note=</b> 1 2 1 2</code>
              <code><b>Whole note=</b>Hold for all four beats</code>
              <code><b>Eigth note=</b> 1 and 2 and 3 and 4 and</code>
              <code><b>Sixteenth note=</b> 1 e and a 2 e and a 3 e and a 4 e and a</code>
<nav id="navbar">
                   <h4>Drum Documentation</h4>
                 <a class="nav-link" href="Technical_Drums">Technical Drums</a>
       <a class="nav-link" href="Percussion_Types">Percussion Types</a>           
       <a class="nav-link" href="Drum_Types">Drum Types</a>
        <a class="nav-link" href="Drum_Line">Drum Line</a>
        <a class="nav-link" href="Drum_Sticks">Drum Sticks</a>
        <a class="nav-link" href="Basic_Notes">Basic Notes</a>

Your browser information:

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

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

you just need to correct your href links so they start with # symbols
(this is an internal link so it should start with that character)

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