Technical Documentation Page - Build a Technical Documentation Page

Tell us what’s happening:
Basically I have been stuck with these for over a week now. I have tried checking online for solutions and am not getting anywhere. Maybe my understanding of the English language is not up to scratch cos it appears I am doing exactly what the story line asks but there is a problem somewhere.
(1) You should have at least five code elements that are descendants of .main-section elements.
(2) Your #navbar should have exactly one header element within it.
3) You should have the same number of .nav-link and .main-section elements.
4) * Each .nav-link should have text that corresponds to the header text of its related section (e.g. if you have a “Hello world” section/header, your #navbar should have a .nav-link which has the text “Hello world”).

  • Failed: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

WARNING

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">
  <header>TECHNICAL  DOCUMENT<meta charset="UTF-8"><link rel="stylesheet" href="styles.css"></header>
  
  <body>
    
    <main id="main-doc">
  <section class="main-section" id="Introduction_to_electronics">
    <header>Introduction to Electronics</header>
   <img src="https://depositphotos.com/13408655/stock-photo-electronic-components.html" alt="electronic_components" style="width:500px;height:200px";>
  <p><a href="topics"><em>Topics</a></p>
   <p id="resistors"><a href="">Resistors</a> are components for current limiting. </p>
    <p id=
    "transistors"><a href="">Transistors</a> basically act as switches or gates.</p>
     <p id="capacitors"><a href="">Capacitors</a> are used in filter circuits to damp oscillations.</p>
      <p id="triacs"><a href="">Triacs</a> are a type of switch that have a gate and two diodes that can be triggered indepently.</p>
       <p id="inductors"><a href="">Inductors</a> are the other part of filter circuits. They help to stop ac moving into dc circuits.</p>
        <p id="mosfets"><a href="">MOSFETs</a> also known as Metal Oxide Field effect transistors. They basically are voltage operated transistors unlike the normal current operated transistors.</p>
         <p id="movs"><a href="">MOVs</a> are basically protection units. They are used for protecting circuits aganist surges, over-voltages.</p>
          <p id="integrated_circuits"><a href="">Integrated Circuits</a> are the current trending pieces of electronics enabling many circuits to be put on a single dice. A whole computer can be put on the small size of a pin head through this integrated circuit technology.</p>
           <p id="embedded_systems"><a href="">Embedded Systems</a> are a deeper trend in which computers are being put into all equipment to enable equipment to communicate and thus make life easier for people.</em></p>
          <nav id="navbar"> <header>Components</header><ul>
            <li><a href="Introduction_to_electronics">Introduction_to_electronics</a></li>
             <li><a href="Introduction_to_electronics">Introduction_to_electronics</a></li>
             <li><a href="Introduction_to_electronics">Introduction_to_electronics</a></li>
             <li><a href="Introduction_to_electronics">Introduction_to_electronics</a></li>
             <li><a href="Introduction_to_electronics">Introduction_to_electronics</a></li>
             <li><a href="Introduction_to_electronics">Introduction_to_electronics</a></li>
             <li><a href="Introduction_to_electronics">Introduction_to_electronics</a></li>
             <li><a href="Introduction_to_electronics"></a>Introduction_to_electronics</li>
             <li><a href="Introduction_to_electronics">Introduction_to_electronics</a></li>
             <li><a href="Introduction_to_electronics" class="nav-link">Introduction_to_electronics</a></li>
             </ul>
             </nav>
 </section>
  <section class="main-section" id="Resistors"><header>Resistors</header><br>
  <img src="https://depositphotos.com/13408655/stock-photo-electronic-components.html" alt="electronic_components" style="width:500px;height:200px";>
  <p></p>
   <p><a href="resistors">Resistors</a></p>
    <p><a href="transistors">Transistors</p>
     <p><a href="capacitors">Capacitors</p>
      <p><a href="triacs">Triacs</p>
       <p><a href="inductors">Inductors</p>
        <p><a href="mosfets">MOSFETs</p>
         <p><a href="movs">MOVs</p>
          <p><a href="integrated_circuits">Integrated Circuit</p>
           <p><a href="embedded_systems">Embedded systems</p>
          <nav id="navbar"><header>Links</header>
            <ul> 
              <li><a class="nav-link" href="Resistors"></a>Resistors</li>
             <li><a class="nav-link"  href="Resistors"></a>Resistors</li>
             <li><a class="nav-link"  href="Resistors"></a>Resistors</li>
             <li><a class="nav-link"  href="Resistors"></a>Resistors</li>
             <li><a class="nav-link" href="Resistors"></a>Resistors</li>
             <li><a class="nav-link"  href="Resistors"></a>Resistors</li>
             <li><a class="nav-link" href="Resistors"></a>Resistors</li>
             <li><a class="nav-link" href="Resistors"></a>Resistors</li>
             <li><a class="nav-link" href="Resistors">topics</a>Resistors</li>
             <li><a class="nav-link" href=""></a></li>
             </ul></nav>
             </section>
  <section class="main-section" id="Capacitors"><header>Capacitors</header><br> 
  <p></p>
   <p id=""><a class="" href="capacitors">Capacitors</a> are electronic components that find use in a lot of things.</p>
    <p>Capacitors can be used in filter circuits.</p>
     <p>It is also useful in industry</p>
      <p>Capacitors are versatile and can act to block or smooth waves in rectifier circuits.</p>
       <p>Capacitors have similar colour code as resistors</p>
        <p></p>
         <p></p>
          <p></p>
           <p></p>
           <nav id="navbar"><header>Links2</header><ul>
             <li><a class="nav-link" href="Capacitors"></a>Capacitors</li>
             <li><a class="nav-link" href="Capacitors"></a>Capacitors</li>
             <li><a class="nav-link" href="Capacitors"></a>Capacitors</li>
             <li><a class="nav-link" href="Capacitors"></a>Capacitors</li>
             <li><a class="nav-link" href="Capacitors"></a>Capacitors</li>
             <li><a class="nav-link" href="Capacitors"></a>Capacitors</li>
             <li><a class="nav-link" href="Capacitors"></a>Capacitors</li>
             <li><a class="nav-link" href="Capacitors"></a>Capacitors</li>
             <li><a class="nav-link" href="Capacitors">Capacitors</a></li>
             <li><a class="nav-link" href="Capacitors">Capacitors</a></li>
             </ul>
             </nav>
             </section>
  <section class="main-section" id="MOSFETs"><header>MOSFETs</header> 
  <br>
  <img src="https://depositphotos.com/13408655/stock-photo-electronic-components.html" alt="electronic_components" style="width:500px;height:200px";>
  <p></p>
   <p><a class="" href="#">Mosfets</a> also known as Metal Oxide Semi-conductor Field Effect transistors have revolutionised electronics as we know it. This is because unlike <a class="navlink" href="transistors">transistors</a> which are current controlled, they are voltage controlled.</a></p>
    <p></p>
     <p></p>
      <p></p>
       <p></p>
        <p></p>
         <p></p>
          <p></p>
           <p></p>
           <nav id="navbar"><header>Links3</header>
           <ul>
             <li><a class="nav-link" href="MOSFETs"></a>MOSFETs</li>
             <li><a class="nav-link" href="MOSFETs"></a>MOSFETs</li>
             <li><a class="nav-link" href="MOSFETs"></a>MOSFETs</li>
             <li><a class="nav-link" href="MOSFETs"></a>MOSFETs</li>
             <li><a class="nav-link" href="MOSFETs"></a>MOSFETs</li>
             <li><a class="nav-ink" href="MOSFETs"></a>MOSFETs</li>
             <li><a class="nav-link" href="MOSFETs"></a>MOSFETs</li>
             <li><a class="nav-link" href="MOSFETs"></a>MOSFETs</li>
             <li><a class="nav-link" href="MOSFETs"></a>MOSFETs</li>
             <li><a class="nav-link" href="MOSFETs"></a>MOSFETs</li>
             </ul>
             </nav>

             </section>
  <section class="main-section" id="Embedded_systems"><header>Embedded Systems</header> 
  <br>
  <img src="https://depositphotos.com/41953409/stock-photo-electronic-components.html" alt="components"style="width:500px;height:200px";>
  <p><a class="" href="embedded_systems">Embedded Systems </a> are systems that are found in equipment.</p>
   <p><a class="" href="#">Embedded systems</a> platforms use micro-controllers like the MPLab's PIC and the Atmel.</a></p>
    <p>The most common entry level microcontroller is the PIC84a. It is from the Microchip family of controllers.</p>
     <p>It has 6 <a class="" href="ports">input/output ports</a>.</p>
      <p>It has serial access with <a class="" href="uart">UART</a>.</p>
       <p>It can be programmed using the <a class="" href="programmer">Pickit</a> for prototyping.</p>
        <p>Various equipment make use of the PIC16F84a.These include:</p>
         <p>televisions</p>
          <p>medical equipment</p>
           <p>industrial equipment</p>
         <nav id="navbar">
           <header>Links4</header>
           <ul> 
             <li><a class="nav-link" href="Embedded_systems">Introduction</a></li>
             <li><a class="nav-link" href="Embedded_systems">Resistors</a></li>
             <li><a class="nav-link" href="Embedded_systems">Capacitors</a></li>
             <li><a class="nav-link" href="Embedded_systems">Inductors</a></li>
             <li><a class="nav-link" href="Embedded_systems">MOVs</a></li>
             <li><a class="nav-link" href="Embedded_systems">MOSFETs</a></li>
             <li><a class="nav-link" href="Embedded_systems">Topics</a></li>
             <li><a class="nav-link" href="Embedded_systems">Integrated Circuits</a></li>
             <li><a class="nav-link" href="Embedded_systems">Embedded Systems</a></li>
             <li><a class="nav-link" href="Embedded_systems"></a></li>
             </ul>
             </nav>
              </section>
  </main>
  </body>
  </html>

Your browser information:

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

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

<nav id="navbar">
                <header>Links3</header>
                <!-- your every link should link to a section down there. -->
                <ul>
                    <li><a class="nav-link" href="MOSFETs">Embedded_systems</a></li>
                    <li><a class="nav-link" href="MOSFETs"></a>MOSFETs</li>
                    <li><a class="nav-link" href="MOSFETs"></a>MOSFETs</li>
                    <li><a class="nav-link" href="MOSFETs"></a>MOSFETs</li>
                    <li><a class="nav-link" href="MOSFETs"></a>MOSFETs</li>
                    <li><a class="nav-ink" href="MOSFETs"></a>MOSFETs</li>
                    <li><a class="nav-link" href="MOSFETs"></a>MOSFETs</li>
                    <li><a class="nav-link" href="MOSFETs"></a>MOSFETs</li>
                    <li><a class="nav-link" href="MOSFETs"></a>MOSFETs</li>
                    <li><a class="nav-link" href="MOSFETs"></a>MOSFETs</li>
                </ul>
            </nav>

        </section>
        <!--
            <section class="main-section" id="Embedded_systems">
            <header>Embedded Systems</header> 
            these two line should be like:
            in this way, you can link the nav to content
        -->

        <section class="main-section">
            <header id="Embedded_systems">Embedded Systems</header>
1 Like