Technical Documentation Page

HTML-CSS
1 
<!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>
2

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

3

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

4

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

5

Please I do not understand what you mean

6

Thank you for the correction

7

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
8

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

Is this what you meant?

9

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

10

Thank you I have found the solution to that problem.

11

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

1 Like
12

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