Technical Documentation Page - Build a Technical Documentation Page

Tell us what’s happening:
i need help with step 13 pleaase

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en"></html>
<main id="main-doc"> 
<link rel="stylesheet" href="styles.css">
<section class="main-section" id="Introduction">
  <header>Introduction</header>
  <p></p>
  <P></p>
  <code></code>
  <li></li>    
</section>
<section class="main-section"id="What_you_should_already_know">
  <header>What you should already know</header>
  <p></p>
  <p></p>
  <code></code>
  <li></li>
  </section>
<section class="main-section" id="JavaScript_and_Java">
  <header>JavaScript and Java</header>
  <p></p>
  <p></p>
  <code></code>
  <li></li>
</section>
<section class="main-section" id="Hello_world">
  <header>Hello world</header>
  <p></p>
  <p></p>
  <code></code>
  <li></li>
</section>
<section class="main-section" id="Variables">
  <header>Variables</header>
  <p></p>
  <p></p>
  <code></code>
  <li></li>
</section>
  <nav id="navbar">
  <header>JS Documentation</header>
  <a class="nav-link" href="https://technical-documentation-page.freecodecamp.rocks/#Introduction">Introduction</a>
  <a class="nav-link" href="https://technical-documentation-page.freecodecamp.rocks/#What_you_should_already_know">What you should already know
  </a>
  <a class="nav-link" href="https://technical-documentation-page.freecodecamp.rocks/#JavaScript_and_Java">JavaScript and Java</a>

  <a class="nav-link" href="https://technical-documentation-page.freecodecamp.rocks/#Hello_world">Hello world</a>
  <a class="nav-link" href="https://technical-documentation-page.freecodecamp.rocks/#Variables">Variables</a>
</main>
/* file: styles.css */
@media (max-height: 800px){ 
  p {
  font-size: 10px;
    }
}
  **Your browser information:**

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

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

@eldin5880

Hello!

I believe the problem is the <a href=""> elements. They don’t need a link to the page, just the class of the element you would like to scroll too.

Hope this helps!

1 Like

please describe the problem you are attempting to solve.

hello i can not link the to the navbar idk what to put in the href attribute

@eldin5880

Hello!

All you need to put into your href attribute is the #id of the element you want to link to. An example would be:

<a class="nav-link" href="#first_section">First Section</a>

Hope this helps!

2 Likes

THANK YOU VERY MUCH I ALMOST GAVE UP :melting_face:

Your welcome! Glad I could help!

1 Like

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