Technical Documentation Page - Build a Technical Documentation Page

Tell us what’s happening:
Hi!
Could anyone tell me if I am missing anything?
I am at "each link should have a href attribute that links to it’s corresponding .mainsection.

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.

<html lang="en">
  <head>
    <title>CNC Documentation</title>
    <meta charset="UTF-8">
    </head>
    <body>
      <main id="main-doc">
<section class="main-section" id="A"><header>A</header><p>Numerical control (also computer numerical control, and commonly called CNC) is the automated control of machining tools (such as drills, lathes, mills, grinders, routers and 3D printers) by means of a computer.</p><p>A CNC machine processes a piece of material (metal, plastic, wood, ceramic, or composite) to meet specifications by following coded programmed instructions and without a manual operator directly controlling the machining operation.</p><p>A CNC machine is a motorized maneuverable tool and often a motorized maneuverable platform, which are both controlled by a computer, according to specific input instructions. Instructions are delivered to a CNC machine in the form of a sequential program of machine control instructions such as G-code and M-code, and then executed.</p>

<section class="main-section" id="B">
<header>B</header><p>This guide assumes you to have the following basic background:</p><ul><li>Basic Mathematic skills</li></ul></p>
<section class="main-section" id="C">
<header>C</header><p>G-codes are used to command specific movements of the machine, such as machine moves or drilling functions.<br>The majority of G-Code programs start with a percent (%) symbol on the first line, then followed by an "O" with a numerical name for the program (i.e. "O0001") on the second line, then another percent (%) symbol on the last line of the program.<br>The format for a G-code is the letter G followed by two to three digits; for example G01. G-codes differ slightly between a mill and lathe application, for example:<ul><li>[G00 Rapid Motion Positioning]</li><li>[G01 Linear Interpolation Motion]</li><li>[G02 Circular Interpolation Motion-Clockwise]</li><li>[G03 Circular Interpolation Motion-Counter Clockwise]</li></ul></p><p>[Code Miscellaneous Functions (M-Code)].<br> M-codes are miscellaneous machine commands that do not command axis motion.<br>The format for an M-code is the letter M followed by two to three digits; for example:<ul><li>[M03 Start Spindle - Clockwise]</li><li>[M02 End of Program]</li><li>[M08 Flood coolant on]</li><li>[M09 Coolant off]</li></ul></p><p>Example:<ul><li>%
O0001
G20 G40 G80 G90 G94 G54<code>(Inch, Cutter Comp. Cancel, Deactivate all canned cycles, moves axes to machine coordinate, feed per min., origin coordinate system)</code>
M06 T01 <code>(Tool change to tool 1)</code>
G43 H01 <code>(Tool length comp. in a positive direction, length compensation for the tool)</code>
M03 S1200 <code>(Spindle turns CW at 1200RPM)</code>
G00 X0. Y0. <code>(Rapid Traverse to X=0. Y=0.)</code>
G00 Z.5 <code>(Rapid Traverse to z=.5)</code>
G00 X1. Y-.75 <code>(Rapid traverse to X1. Y-.75)</code>
G01 Z-.1 F10 <code>(Plunge into part at Z-.25 at 10in per min.)</code>
G03 X.875 Y-.5 I.1875 J-.75 <code>(CCW arc cut to X.875 Y-.5 with radius origin at I.625 J-.75)</code>
G03 X.5 Y-.75 I0.0 J0.0 <code>(CCW arc cut to X.5 Y-.75 with radius origin at I0.0 J0.0)</code>
G03 X.75 Y-.9375 I0.0 J0.0<code>(CCW arc cut to X.75 Y-.9375 with radius origin at I0.0 J0.0)</code>
G02 X1. Y-1.25 I.75 J-1.25 <code>(CW arc cut to X1. Y-1.25 with radius origin at I.75 J-1.25)</code>
G02 X.75 Y-1.5625 I0.0 J0.0 <code>(CW arc cut to X.75 Y-1.5625 with same radius origin as the previous arc)</code>
G02 X.5 Y-1.25 I0.0 J0.0 <code>(CW arc cut to X.5 Y-1.25 with same radius origin as the previous arc)</code>
G00 Z.5 <code>(Rapid traverse to z.5)
M05 (spindle stops)</code>
G00 X0.0 Y0.0 <code>(Mill returns to origin)</code>
M30 <code>(Program End)</code>
%</li></ul></p>
<section class="main-section" id="D">
<header>D</header><p>To make program you could use a few different ways, for example:</p><ul><li>You can make programs for the machine by yourself by writing down codes that will operate the machine to manufacture what you want</li><li>You could also use a program software like MasterCam to draw the detail you want to manufacture and it generates the codes that you put in a USB and transfer to the machine</li><li>You could also dialouge program the machine that means that you are going to tell the machine by choosing options and typing in the details of that thing you want to manufacture and the machine will do it.</li></ul></p><p>The most common way today is to use Program Softwares</p>
<section class="main-section" id="E">
<header>E</header><ul><li>Most of the documentation in this page is taken from <link><a href="https://en.wikipedia.org/wiki/Numerical_control">here</a></link></li></ul></section>



<nav id="navbar"><header>CNC</header>

<a class="nav-link" href="A">A</a>
<br>


<a class="nav-link" href="B">B</a>
<br>


<a class="nav-link" href="C">C</a>
<br>


<a class="nav-link" href="D">D</a>
<br>

<a class="nav-link" href="E">E</a>
      </main>
      </body>```

**Your browser information:**

User Agent is: <code>Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.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

Finally It’s solved. :grinning: