Technical Documentation Page. What did I do wrong here?

Tell us what’s happening:
A few features missing that I though I have but maybe missing something, these are my X’s on the test run.

" The first child of each .main-section should be a header element."

" Each .main-section should have an id that matches the text of its first child, having any spaces in the child’s text replaced with underscores (_ ) for the id’s."

" You should have at least five code elements that are descendants of .main-section elements."

" * You should have at least one a element with a class of nav-link.

  • Failed:All of your .nav-link elements should be anchor (a) elements.

  • Failed:All of your .nav-link elements should be in the #navbar.

  • Failed:You should have the same number of .nav-link and .main-section elements."

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

  • Passed:Your #navbar should always be on the left edge of the window.

  • Failed:Your Technical Documentation project should use at least one media query. "

Your code so far

<!DOCTYPE HTML>
<html labg="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale= 1.0"/>
    <link rel="stylesheet" href="styles.css">
    <title>CNC Machining</title>
  </head>
    <body>
      <nav id="navbar">
        <header>Types of CNC</header>
         <ul id="nav-link">
           <li id="nav"><a href="#mill">Mill</a></li>
           <li id="nav"><a href="#lathe">Lathe</a></li> 
           <li id="nav"><a href="#swiss_lathe"> Swiss</a></li>
           <li id="nav"><a href="#edm"> EDM</a></li>
           <li id="nav"><a href="#laser"> Laser</a></li> 
           <li id="nav"><a href="#water_jet"> Water Jet</a></li> 
           <li id="nav"><a href="#3d"> 3D Printing</a></li> 
           <li id="nav"><a href="#robot"> Robot</a></li>
          </ul>
        </nav>
      <main id="main-doc">
        <section class="main-section" id="cnc_machining">
          <header >CNC Machining</header>
          <p>In the Manufacturing Industry the main use of machines today require knowledge of CNC language to operate these pieces of equipment. CNC stands for Computerized Numerical Control, and the most common type of CNC is subtractive manufacturing. Additive Manufacturing is starting to make an impact for hobbyists and professionals for medical or aerospace. Even robots use CNC for positioning and commanding their basic functions. Amazon uses robots for their warehouse, the Automotive Industry had been using robots to build cars for several years, hadling the heavy lifting and repatitive motions. </p>
          </section>
<hr/>
        <section class="main-section" id="cnc_machining">
          <header>Types of CNC Machines</header>
          <ul>Common Types of CNC machines
            <li>Mill</li>
            <li>Lathe</li>
            <li>Swiss Lathe</li>
            <li>EDM</li>
            <li>Laser</li>
            <li>Water Jet</li>
            <li>3D Printer</li>
            <li>Robots</li>
            </ul>
          </section>
      <section class="main-section" id="mill">
        <header>Mill</header>
      <p>A Mill can be of vertical or horizontal configuration. The vertical platform is a bit more common due to its more compact size which takes up less floor space. Horizontal frames have an added bonus giving a staging side for loading and unloading parts on one pallet. While the working side is where all the cutting action takes place. This allows the machine to constantly run without stopping until needed. A traditional mill has one spindle which takes tools in and out of a carousel and only that tool spins to the specified rpm in the program.  There are 3 axes or more in a mill that allow the machine to travel in the desired pattern. X, Y and Z are the industry standard axes some configurations known as 4th or 5th axis machines add axes like A, B or C. The 4th or 5th axis machines are aditional movements or rotations to allow the machine to reach different areas of the work piece material.
        </section>
        <section class="main-section" id="lathe">
          <header>Lathes</header>
        <p>Conventional Lathe is a type of equipment that takes round barstock and spins the material and makes cuts with specific turning tools that are mounted on a turret. A manual conventional lathe typically had 2 axis, X and Z for diameter and length cutting. The standard for CNC lathes was X and Z and have since added Y axis with live tooling inside a turret. Adding features that you would see in a traditional mill. C axis is commonly added with Y axis when live tooling/milling capabilites are equipped. Depending on the brand or configuration of a lathe (horizontal or vertical) will determine the axis lettering and physical movements. For instance lathes with a Sub Spindle often are labeled B axis. This can also be a centering tool which has CNC movements for added support. The B axis on a mill refers to a rotation around the Y axis, on a traditional horizontal lathe this B axis is used for the sub spindle to transfer the barstock from left to right. A non-traditional horizontal lathe which more of this particular style being made has a milling spindle located where a turret would be. Keeping a turret on a new location allows this machine to have multiple axis and function, thus B axis becomes the milling spindle that rotates. Giving the Sub Spindle transfer a new label. This multi axis machine would start labeling repetitve axes with numerical values X1 X2. Z1 Z2 Z3 etc.</p> 
        </section>
        <section class="main-section" id="swiss_lathe">
          <header>Swiss Lathe</header>
        <p>Swiss Lathes are very similar to conventinal lathes, but the main differnece is the size. Swiss CNC machines are smaller scale, performing the same cutting tasks but in a new format. Instead of the Turret moving to cut the material. The material moves into the stationary tools, while spinning. These machines were designed because of swiss watchmakers. The small components that make your wrist watch tick, were made by these small scale machines to achieve the proper precision cuts and components.</p>
        </section>
        <section class="main-section" id="edm">
          <header>EDM</header>
        <p>EDM machines or Electric Disbursement Machines use high voltge to shape the material in a precise pattern. Known for holding tight tolerances for unique shapes, these electrified machines submerge the material into water inorder to achieve these patterns and they have a long cycle time per cut. This is opposite of what a CNC Laser machine would do.</p>
        </section>
        <section class="main-section" id="laser">
          <header>Laser</header>
        <p>A laser CNC most commonly uses fiber lasers to penetrate through plate steel, also with high amounts of electrical power surging through the tip. Some machines cut up to 3/8" thick of plate steel. These fiber lasers are often dirty putting metallic dust in the air, they can also hold large pieces of plate stell on top allow for multiple pieces to be cut in one cycle. Moving quickly these machines are not as precise as a EDM machine, but they can be used to rough out the product for the next line of operation, or as a finished product depending on the item.</p>
        </section>
      <section class="main-section" id="water_jet">
        <header>Water Jet</header>   
<p>Water Jets are near identical to a laser cutting machine execpt, the component performing the cut. A high powered pump which forces a mixture of abrasive material and a high volume of water thorugh a tiny port. This process is cleaner than a laser cutter, mainly due to water will evaporate, but some water jets require a bit more wear and tear maintenance. These machines could cut through the same material thickness as a laser or thicker, all depending on the model. Both of these 2 axis machines take up a lot of floor space due to their capabilites of cuting plate steel. Recently their have been desktop versions of each item for the hobbyists.</p>
      </section> 
      <section class="main-section" id="3d">
        <header>3D Printing</header>
      <p>3D printers are for additive manufacturing. Opposite of what traditional machining has been, these machine utilize the same CNC principles as other familiar types of manufactruing equipment. Instead of </p> 
      </section>    
      <section class="main-section" id="robots">
        <header> Robots </header>
        <p>Robots were created to aid with the daily repetitive tasks that humans cannot or should not perform. For example of should not, a loading and unloading of small parts with less than 10lbs of weight with repetitve motion could strain such muscles eventually causing chronic pain. Movement of elbow or rotor cuff, bending of the knees, twisting of back. CNC robots are designed to move from location A to location B and or more, with specified directions of how and where to pick and place these items. Some perform more tasks than pick and place, for instance, the automotive industry some robots are welding, others are painting. Most of which can be moving an entire car body down the assembly line. They are meant to handle the dailt loads of heavy weight and constant movements. They have recently been intagrated into the machine tools of various CNC types to aid with loading and unloading of materials for raw and finished products.</p>
        </section>
<hr/>
        <section class="sub-section" id="subtractive">
        <h4>Subrtractive Manufacturing</h4>
        <p>Subtractive Manufactruing is the process of removing material in a unique pattern to create the finished product. Terms like MRR Material Removal Rate, are factored into the process in which companies use to determine the price for manufacturing components. There are numerous compaines that are created for removing specific materials at the specific rates. Each brand has its own unique tooling from their own Research and Developement to gain the edge in their competitors. Thus the finish tooling product is handed down to the manufacturer to possibly give them the gain an edge agianst their competitors. Each manufacturer may have its own unique process to develop their MRR for their customers finished product, or their own product. With subractive manufacturing comes material waste, and specific materials and their waste are seperated and returned to compaines that will likely recycle these specfic materials createing more of the same material at various shapes and sizes.</p>
        </section>
      <section class="sub-section" id="additive">
        <h4>Additive Manufacturing</h4>
        <p>Additive Manufacturing is the opposite process of the traditional CNC machining which is subtractive manufacturing. Mills and Lathes processes using specific tooling that has been studied and tested to remove specific materials at specific speeds. Additive which has been around alot longer than you think, haas gained more traction in the past 10 years with advances in technology. 3D printers which have hobbyists everywhere making useful home gadgets and gismos, to drone parts or cell phone cases, to the professional side of car components or medical implants. Additive manufacturing on the professional side is not just printing plastic, it also has metallic features known as SLS or SLM, which involves lasers welding micro levels of metallic powder in a specific pattern. The aerospace and medical sectors of this industry utilize these processes the most. It cuts down on the development process for subractive manufacturing and can be cost savings. The High Temp Alloy materials that are used for these industries are difficult to machine in traditional CNC subtractive machines, are now a powder which takes a complex part and its process and simplified it into a few hours of additive manufacturing.</p>
        </section>
<br><br>
    <h3>Resources</h3>
    <article>Web resources to find interesting topics about Additive and Subtractive Manufacturing are scatterd across Google. One of the more popular sites is called <a href="https://www.practicalmachinist.com/resources/">Practical Machinist</a>. This resource will have articles explaing in more detail about specific items such as how to machine Inconel 625, which is a difficult to machine material highly used in aerospace components. </article>
      </main>
    </body>
</html> ```


**Your browser information:**

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

**Challenge:**  Technical Documentation Page - Build a Technical Documentation Page

**Link to the challenge:**
https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-technical-documentation-page-project/build-a-technical-documentation-page

You be have to match the id in the main-sections with the nav-link href id.

For eg here you have the .main-section with #robots but the actual link you wrote is #robot

Please check your work carefully.

Also, you must make unique ids as duplicate ids are not valid syntax.

There are multiple issues like this that need to be fixed.

You also have a typo in this line

Nice. There’s some simple mistakes, I figured that was part of it.

Can you explain or show me an example of the Nav Link and Nav Bar errors I have been getting. I fixed the language and the list item id values, but still seeing almost every error about Navbar and nav-link

i provided a specific example in my first post:

if you are still stuck, please post your updated code.

Hi, your #href and text should be the same i.e. mill

See the updated code here Made those edits from earlier.

<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale= 1.0"/>
    <link rel="stylesheet" href="styles.css">
    <title>CNC Machining</title>
  </head>
    <body>
      <nav class="navbar" id="navbar">
        <header>Types of CNC</header>
         <ul id="nav-link">
           <li id="nav1"><a href="#mill">Mill</a></li>
           <li id="nav2"><a href="#lathe">Lathe</a></li> 
           <li id="nav3"><a href="#swiss_lathe"> Swiss</a></li>
           <li id="nav4"><a href="#edm"> EDM</a></li>
           <li id="nav5"><a href="#laser"> Laser</a></li> 
           <li id="nav6"><a href="#water_jet"> Water Jet</a></li> 
           <li id="nav7"><a href="#3d"> 3D Printing</a></li> 
           <li id="nav8"><a href="#robots"> Robot</a></li>
           <li id="nav9"><a href="#subtractive"> Subtractive</a></li>
           <li id="nav10"><a href="#additive"> Additive</a></li>
          </ul>
        </nav>
      <main id="main-doc">
        <section class="main-section" id="cnc_machining">
          <header >CNC Machining</header>
          <p>In the Manufacturing Industry the main use of machines today require knowledge of CNC language to operate these pieces of equipment. CNC stands for Computerized Numerical Control, and the most common type of CNC is subtractive manufacturing. Additive Manufacturing is starting to make an impact for hobbyists and professionals for medical or aerospace. Even robots use CNC for positioning and commanding their basic functions. Amazon uses robots for their warehouse, the Automotive Industry had been using robots to build cars for several years, hadling the heavy lifting and repatitive motions. </p>
          </section>
<hr/>
        <section class="main-section" id="cnc_machining">
          <header>Types of CNC Machines</header>
          <ul>Common Types of CNC machines
            <li>Mill</li>
            <li>Lathe</li>
            <li>Swiss Lathe</li>
            <li>EDM</li>
            <li>Laser</li>
            <li>Water Jet</li>
            <li>3D Printer</li>
            <li>Robots</li>
            </ul>
          </section>
      <section class="main-section" id="mill">
        <header>Mill</header>
      <p>A Mill can be of vertical or horizontal configuration. The vertical platform is a bit more common due to its more compact size which takes up less floor space. Horizontal frames have an added bonus giving a staging side for loading and unloading parts on one pallet. While the working side is where all the cutting action takes place. This allows the machine to constantly run without stopping until needed. A traditional mill has one spindle which takes tools in and out of a carousel and only that tool spins to the specified rpm in the program.  There are 3 axes or more in a mill that allow the machine to travel in the desired pattern. X, Y and Z are the industry standard axes some configurations known as 4th or 5th axis machines add axes like A, B or C. The 4th or 5th axis machines are aditional movements or rotations to allow the machine to reach different areas of the work piece material.
        </section>
        <section class="main-section" id="lathe">
          <header>Lathes</header>
        <p>Conventional Lathe is a type of equipment that takes round barstock and spins the material and makes cuts with specific turning tools that are mounted on a turret. A manual conventional lathe typically had 2 axis, X and Z for diameter and length cutting. The standard for CNC lathes was X and Z and have since added Y axis with live tooling inside a turret. Adding features that you would see in a traditional mill. C axis is commonly added with Y axis when live tooling/milling capabilites are equipped. Depending on the brand or configuration of a lathe (horizontal or vertical) will determine the axis lettering and physical movements. For instance lathes with a Sub Spindle often are labeled B axis. This can also be a centering tool which has CNC movements for added support. The B axis on a mill refers to a rotation around the Y axis, on a traditional horizontal lathe this B axis is used for the sub spindle to transfer the barstock from left to right. A non-traditional horizontal lathe which more of this particular style being made has a milling spindle located where a turret would be. Keeping a turret on a new location allows this machine to have multiple axis and function, thus B axis becomes the milling spindle that rotates. Giving the Sub Spindle transfer a new label. This multi axis machine would start labeling repetitve axes with numerical values X1 X2. Z1 Z2 Z3 etc.</p> 
        </section>
        <section class="main-section" id="swiss_lathe">
          <header>Swiss Lathe</header>
        <p>Swiss Lathes are very similar to conventinal lathes, but the main differnece is the size. Swiss CNC machines are smaller scale, performing the same cutting tasks but in a new format. Instead of the Turret moving to cut the material. The material moves into the stationary tools, while spinning. These machines were designed because of swiss watchmakers. The small components that make your wrist watch tick, were made by these small scale machines to achieve the proper precision cuts and components.</p>
        </section>
        <section class="main-section" id="edm">
          <header>EDM</header>
        <p>EDM machines or Electric Disbursement Machines use high voltge to shape the material in a precise pattern. Known for holding tight tolerances for unique shapes, these electrified machines submerge the material into water inorder to achieve these patterns and they have a long cycle time per cut. This is opposite of what a CNC Laser machine would do.</p>
        </section>
        <section class="main-section" id="laser">
          <header>Laser</header>
        <p>A laser CNC most commonly uses fiber lasers to penetrate through plate steel, also with high amounts of electrical power surging through the tip. Some machines cut up to 3/8" thick of plate steel. These fiber lasers are often dirty putting metallic dust in the air, they can also hold large pieces of plate stell on top allow for multiple pieces to be cut in one cycle. Moving quickly these machines are not as precise as a EDM machine, but they can be used to rough out the product for the next line of operation, or as a finished product depending on the item.</p>
        </section>
      <section class="main-section" id="water_jet">
        <header>Water Jet</header>   
<p>Water Jets are near identical to a laser cutting machine execpt, the component performing the cut. A high powered pump which forces a mixture of abrasive material and a high volume of water thorugh a tiny port. This process is cleaner than a laser cutter, mainly due to water will evaporate, but some water jets require a bit more wear and tear maintenance. These machines could cut through the same material thickness as a laser or thicker, all depending on the model. Both of these 2 axis machines take up a lot of floor space due to their capabilites of cuting plate steel. Recently their have been desktop versions of each item for the hobbyists.</p>
      </section> 
      <section class="main-section" id="3d">
        <header>3D Printing</header>
      <p>3D printers are for additive manufacturing. Opposite of what traditional machining has been, these machine utilize the same CNC principles as other familiar types of manufactruing equipment. Instead of </p> 
      </section>    
      <section class="main-section" id="robots">
        <header> Robots </header>
        <p>Robots were created to aid with the daily repetitive tasks that humans cannot or should not perform. For example of should not, a loading and unloading of small parts with less than 10lbs of weight with repetitve motion could strain such muscles eventually causing chronic pain. Movement of elbow or rotor cuff, bending of the knees, twisting of back. CNC robots are designed to move from location A to location B and or more, with specified directions of how and where to pick and place these items. Some perform more tasks than pick and place, for instance, the automotive industry some robots are welding, others are painting. Most of which can be moving an entire car body down the assembly line. They are meant to handle the dailt loads of heavy weight and constant movements. They have recently been intagrated into the machine tools of various CNC types to aid with loading and unloading of materials for raw and finished products.</p>
        </section>
<hr/>
        <section class="main-section" id="subtractive">
        <header>Subrtractive Manufacturing</header>
        <p>Subtractive Manufactruing is the process of removing material in a unique pattern to create the finished product. Terms like MRR Material Removal Rate, are factored into the process in which companies use to determine the price for manufacturing components. There are numerous compaines that are created for removing specific materials at the specific rates. Each brand has its own unique tooling from their own Research and Developement to gain the edge in their competitors. Thus the finish tooling product is handed down to the manufacturer to possibly give them the gain an edge agianst their competitors. Each manufacturer may have its own unique process to develop their MRR for their customers finished product, or their own product. With subractive manufacturing comes material waste, and specific materials and their waste are seperated and returned to compaines that will likely recycle these specfic materials createing more of the same material at various shapes and sizes.</p>
        </section>
      <section class="main-section" id="additive">
        <header>Additive Manufacturing</header>
        <p>Additive Manufacturing is the opposite process of the traditional CNC machining which is subtractive manufacturing. Mills and Lathes processes using specific tooling that has been studied and tested to remove specific materials at specific speeds. Additive which has been around alot longer than you think, haas gained more traction in the past 10 years with advances in technology. 3D printers which have hobbyists everywhere making useful home gadgets and gismos, to drone parts or cell phone cases, to the professional side of car components or medical implants. Additive manufacturing on the professional side is not just printing plastic, it also has metallic features known as SLS or SLM, which involves lasers welding micro levels of metallic powder in a specific pattern. The aerospace and medical sectors of this industry utilize these processes the most. It cuts down on the development process for subractive manufacturing and can be cost savings. The High Temp Alloy materials that are used for these industries are difficult to machine in traditional CNC subtractive machines, are now a powder which takes a complex part and its process and simplified it into a few hours of additive manufacturing.</p>
        </section>
<br><br>
    <h3>Resources</h3>
    <article>Web resources to find interesting topics about Additive and Subtractive Manufacturing are scatterd across Google. One of the more popular sites is called <a href="https://www.practicalmachinist.com/resources/">Practical Machinist</a>. This resource will have articles explaing in more detail about specific items such as how to machine Inconel 625, which is a difficult to machine material highly used in aerospace components. </article>
      </main>
    </body>
</html>```

the main-sections’s ids must match the text of the first header child element
for eg.

      <section class="main-section" id="3d">
        <header>3D Printing</header>

the id here is 3d which does not match the requirement.

The example they gave was this:
(e.g. The section that contains the header “JavaScript and Java” should have a corresponding id="JavaScript_and_Java" )

Make sure all your main-sections follow this rule.

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