Technical Documentation Page - Build a Technical Documentation Page

Tell us what’s happening:

These are the errors I keep getting, can anyone give me a fresh set of eyes to see what I am missing…
8. 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.
19. 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”).

Your code so far

<!-- file: index.html -->

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="styles.css" />
    <title>Technical Documentation Page</title>
  </head>
  <body>
    <nav id="navbar">
      <header>How To Get A CDL<br /></header>
      <hr />
      <a href="#introduction" class="nav-link">Introduction</a><br />
      <hr />
      <a href="#classroom" class="nav-link">Classroom/Written Test</a
      ><br />
      <hr />
      <a href="#pre_trip" class="nav-link">Pre-Trip</a><br />
      <hr />
      <a href="#airbrakes" class="nav-link">Air Brakes</a><br />
      <hr />
      <a href="#learning_to_back_up" class="nav-link">Learning to Back Up</a><br />
      <hr />
      <a href="#driving_on_the_road" class="nav-link">Driving on the Road</a
      ><br />
      <hr />
      <a href="#test_day" class="nav-link">What to expect on test day</a
      ><br />
      <hr />
    </nav>
    <main id="main-doc">
      <section class="main-section" id="introduction">
        <header>Introduction</header>
        <p>
          Welcome to a step by step tutorial on how to obtain a CDL. Here you will learn all of the basics on how to get a Commercial Drivers License
        </p>
      </section>
      <section class="main-section" id="classroom">
        <header>Classroom/ Written Test</header>
        <p>
         Starting at the school of your choice, you will begin in the classroom, learning laws and techniques on how to drive a 72' long vehicle. At the end of this first week of the schooling program, you will be ready to head to the DMV or Drivers License office to take the written portion of your testing to obtain you CDL permit. 
        </p>
        <ul>
          <li>
            <b>Laws:</b> There are many laws that the federal government has put in place to ensure that all CDL holders are catious and drive safely as a professional driver.
          </li>
          <li>
            <b>Turns/Corners:</b> When in a high profile vehile such as: RV or Tractor Trailer, you cannot turn super fast or you risk rolling over, I have witnessed first hand just how easy it is to roll one of these monsters over. 
          </li>
          <li>
            <b>Driving in adverse conditions</b> When driving at night, you need to allow yourself extra time to slow down and stop as you cannot see as well. This stand true for all other weather conditions such as Rain, wind, snow, and ice. 
          </li>
        </ul>
      </section>
      <section class="main-section" id="pre_trip"><header>Pre-Trip</header>
        <p>
          When doing your pre-trip on your commercial vehicle, you want to ensure that everything on your rig is up to code for DOT, doing this allows you to be safe and prevent harmning yourself or anyone else while driving. In this section you will cover: brake adjustments, lights working correctly, ensuring your windshield has no cracks and MUCH MORE!<br /><br />
          <code>Exterior </code><br /><br />
          When checking the exterior of the vehile, you will look for:</br>
         <ul>
           <li>
          Fluids on the ground (ensuring you have no leaks visible to the eye)</br></li>
          <li>
            Lighting around cab and trailer (headlights, running lights, turn signals)</br></li>
            <li>
          Ensure your mirrors are existing/ not missing and that they are clean and clear making them easy to see out of</br></li>
          <li>
            Finally, you will need to make sure that your rig is intact (no one hit you in the loves parking lot as you were sleeping)</br></li>
</ul>

          <code>Interior</code><br /><br />
          The interior is far less complicated as the exterior, many of the items are just a double check from the exterior check. While doing the interior check you should be looking into the following:
          <ul>
            <li>
              Mirrors and Windshield (again) while checking to make sure they arent broke, you also need to check that they didnt get moved and are adjusted to you so you can see out of them.</br></li>
              <li>
                Check the seatbelt to esure its not broken in any way and that is securely latches when putting it on (always have seatbelt on before starting your truck).</br></li>
                <li>
                  start the truck, check all guages then honk your city and higway horn to ensure they both work.</br></li>
                  </ul>
        </p>
      </section>
      <section class="main-section" id="airbrakes">
        <header>Air Brakes</header>
        <p>
          Air is what is used to engage a trucks brakes. that being said in the classroom you will learn so much about this system and how they work. I will be showing a step by step on how to do an airbrake test, if you miss a single step with this test alone you will fail!!!!!<br /><br />
        </p>
        <p>
        <ul>
          <li>
          <b>Low air warning:</b> Test the low air warning signal by stepping on and off the brake pedal to reduce air pressure </br></li>
<li>
<b>Spring brakes:</b> Test the spring brakes by continuing to step on and off the brake pedal to reduce air pressure </br></li>
<li>
<b>Air pressure build up:</b> Test the air pressure build up by starting the engine and engaging a fast idle</br></li>
<li>
<b>Air leaks:</b> Test for air leaks by turning off the engine and releasing the parking brake</li>
<li>
<b>Governor operation:</b> Test the governor operation by checking the cut-in and cut-out pressures </li>
<li>
<b>Parking brake:</b> Test the parking brake by tugging against it</li>
<li>
<b>Service brakes:</b> Test the service brakes by applying them firmly while moving at about 5 mph </li>
     </ul>
     </p>
      </section>
      <section class="main-section" id="learning_to_back_up">
        <header>Learning to Back Up</header>
        <p>
          Now you're in the tractor and read to learn how to navigate the big thing, the biggest thing is gthat you want to move slowly, don't get in a hurry and <b>WATCH YOUR MIRRORS!</b><br /><br />
          <code>Getting the trailer to move the way you want it to go:</code><br /><br />
          When first starting out you want to be very slow and make <b>SMALL</b> movements with the steering wheel<br /><br />
          <code>HINT ON DIRECTION OF TRAILER:</code><br /><br />
          When turning the wheel, turn toward the problem.
          EX:say there is a truck to your left when backing into a spot and you are getting to close, turn the wheel to the left and it will move the trailer the opposite way.<br /><br />
        </p>
      </section>
      <section class="main-section" id="driving_on_the_road">
        <header>Driving on the Road</header>
        <p>
          Now we are finally going to get out of the parking lot and out on the road, this can be scary and intimidating but relax, be slow and be cautious of other people sharing the road.<br /><br />
          <code>WIDE TURNS</code><br /><br />
          When turning a long trailer, you need to have plenty of room between you and the side of the road or you and the traffic to your left. Use up any and all of the room you have to safely complete the turn.      <br /><br />
          <code>Speed</code><br /><br />
          When traveling in town I would recommend 5 under the speed limit. While on interstate, go a speed you feel comfortable with as long as it is above the minimun posted speed limit (most interstates have a minimum speed of 45mph).
          <br /><br />
          <code>Changing Lanes</code><br /><br />
          When you want to change lanes, you must look in mirrors, signal your intentions, look atleast 3 times after signal is turned on, and then you can safely merge into the next lane, this rule is also good when making turns at stop signs. You want to ensure that someone isn't speeding up in the lane you are going to and take a risk of merging into them.
        </p>
      </section>
      <section class="main-section" id="test_day">
        <header>Test Day</header>
        <p>
          <ul>
            <li>There will be mulitple people at the testing site, don't get in a hurry just because someone else is waiting to go after you.</li>
            <li> Feel free to ask as many questions to the instructor as you want, they may be able to answer some and some they may not.</li>
            <li>Dont be intimidated if the instructor isn't talking much, they are there to listen to what you have ton say and observe what you do.</li>
            <li>
              Writing on a clipboard isnt a bad thing, they have <b>MULTIPLE</b> boxes that have to be filled out in full to ensure you were tested correctly and accurately.</li>
              <li>
                Finally, <b>BE PROUD</b> at how are you have made it, many people drop out and connot complete this course for various reasons, if you fail the test the first time, go back and try again and again until you pass, <b>YOU'VE GOT THIS</b>
        </p>
      </section>
    </main>
  </body>
  <footer>
    <a href="https://driving-tests.org/cdl-handbooks/">Learn more for ANY State here:</a>
  </footer>
</html>
/* file: styles.css */

* {
  background-color: #3a3240;
}
a {
  color: #92869c;
}
a:hover {
  background-color: #92869c;
  color: #3a3240;
}
#navbar {
  border-style: solid;
  border-width: 5px;
  border-color: #92869c;
  height: 100%;
  top: -5px;
  left: -5px;
  padding: 5px;
  text-align: center;
  color: #92869c;
}
@media (min-width: 480px) {
  #navbar {
    position: fixed;
  }
}
main {
  margin-left: 230px;
  color: #92869c;
}
header {
  font-size: 20pt;
}
code {
  background-color: #92869c;
  border-style: dashed;
  border-width: 2px;
  border-color: #92869c;
  padding: 5px;
  color: black;
}
footer {
  text-align: center;
}
      

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.3 Safari/605.1.15

Challenge Information:

Technical Documentation Page - Build a Technical Documentation Page

Check your capitalization

introduction !== Introduction

1 Like

“Pre-trip” has no space to be replaced by underscore.

<section class="main-section" id="pre_trip"><header>Pre-Trip</header>

“Air brakes” has space, check the id.

1 Like

that got rid of #8 not it still shows #19. I figured changing that would have fixed 19 and not 8 lol

same issue after fixing that. still stuck on #19

I’m not sure the forum allows you to post your current code again, but it’d be nice to have a look at it now.

1 Like

fixed both issues still stuck on #19 not matching up.

Do the links work when you click them? Check all the text/id’s etc to make sure they match exactly.

2 Likes

yes they do, that’s why I am so confused

I tried to private message you the new code but I don’t think it sent right.

You can just paste it into a message here.

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

2 Likes

No, it didn’t. Just follow the instructions pkdvalis wrote above to post it again.

I don’t know what I changed but I got it yall… I took out all nav links and retyped them all.

Thank y’all for your help!!!

2 Likes

yes, if you need more help, post the updated code

2 Likes