Technical Documentation Page

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Technical Documentation Page</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="./styles.css"></link>
    </head>
    <body>
      <main id="main-doc">
        <section class="main-section" id="Cocky_Documentation">
         <header>Cocky Documentation</header>
         <p></p>
          <p></p>
          <code></code>
          <li></li>
        </section>
        <section class="main-section" id="Who_is_Cocky?">
          <header>Who is Cocky?</header>
           <p></p>
            <p></p>
            <code></code>
           <li></li>
          </section>
          <section class="main-section" id="Cocky_is_a_gentleman">
            <header>Cocky is a gentleman</header>
             <p></p>
              <p></p>
              <code></code>
             <li></li>
          </section>
          <section class="main-section" id="Who_is_Cocky's_babe?">
<header>Who is Cocky's babe?</header>
 <p></p>
  <p></p>
  <code></code>
 <li></li>
          </section>
          <section class="main-section" id="Fadekemi_Adebakin">
<header>Fadekemi Adebakin</header>
 <p></p>
  <p></p>
  <code></code>
  <li></li>
          </section>
          <nav id="navbar">
        <ul>    <header>Documentation</header>
            <li><a class="nav-link"  href="Cocky_Documentation">Cocky Documentation</a></li>
               <li><a class="nav-link" href="Who_is_Cocky?">Who is Cocky?</a></li>
                 <li><a class="nav-link"   href="Cocky_is_a_gentleman">Cocky is a gentleman</a></li>
                   <li><a class="nav-link"  href="Who_is_Cocky's_babe?">Who is Cocky's babe?</a></li>
                     <li><a class="nav-link"  href="Fadekemi_Adebakin">Fadekemi Adebakin</a></li>
                    </ul>
          </nav>
      </main>
    </body>
  </html>

I have edited your post to include your code and the project name. What issues do you have with your code?

I am having issues with the .nav-link href attribute that links to its .main-section

Can you link your CSS file correctly? You have the wrong name for the file.

Please I do not understand what you mean

Thank you for the correction

Navigate to the top section of your project. You’ll see two files, index.html and styles.css. That CSS file should be the value of your href attribute. When the file name is wrong, the CSS code will not be executed; therefore, some tests won’t pass. This is not limited to CSS files only, if you have any file name incorrectly, the code won’t be executed. The system is trying to find the file but can’t since it does not exist.

1 Like

Okay I have done that, but that is not the solution to my problem.

Is this what you meant?

This is the issue I am facing:

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

Thank you I have found the solution to that problem.

ok. That’s great. Kepp doing the good work.

1 Like