Technical Documentation Page - Build a Technical Documentation Page

[adnan1]

Someone has replied me back that it has a typo mistake though i can’t catch it where it is:
Describe your issue in detail here.

**

<header>Topic</header>

Filler Text 1
Filler Text 2
Filler Text 3
Filler Text 4
Filler Text 5

Filler Text 1

This is paragraph 1.

This is paragraph 2.

Filler Text 2

This is paragraph 3.

This is paragraph 4.

Filler Text 3

This is paragraph 5.

This is paragraph 6.

Filler Text 4

This is paragraph 7.

This is paragraph 8.

Filler Text 5

This is paragraph 9.

This is paragraph 10.

**

<!-- file: index.html -->
<main id="main-doc">

  <link rel='stylesheet' href="styles.css">
  <nav id='navbar'>

    <header>Topic</header>

<a class="nav-link" href='#filler_text'>Filler Text 1</a>
<a class="nav-link" href='#filler_text'>Filler Text 2</a>
<a class="nav-link" href='#filler_text'>Filler Text 3</a>
<a class="nav-link" href='#filler_text'>Filler Text 4</a>
<a class="nav-link" href='#filler_text'>Filler Text 5</a>
  </nav>
  <section class="main-section" id="filler_text_1">
    <header>Filler Text 1  
    </header>
    <p>This is paragraph 1.</p>
    <p>This is paragraph 2.</p>
    <code></code>
    <ul>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>
  </section>
  <section class="main-section" id="filler_text_2">
    <header>Filler Text 2</header>
    <p>This is paragraph 3.</p>
    <p>This is paragraph 4.</p>
    <code></code>
  </section>
  <section class="main-section" id="filler_text_3">
    <header>Filler Text 3</header>
    <p>This is paragraph 5.</p>
    <p>This is paragraph 6.</p>
    <code></code>
  </section>
  <section class="main-section" id="filler_text_4">
    <header>Filler Text 4</header>
    <p>This is paragraph 7.</p>
    <p>This is paragraph 8.</p>
    <code></code>
  </section>
 <section class="main-section" id="filler_text_5">
    <header>Filler Text 5</header>
    <p>This is paragraph 9.</p>
    <p>This is paragraph 10.</p>
    <code></code>
  </section>
</main>

/* file: styles.css */
#navbar {
  position: fixed;
  left: 0;
  padding: 20px;
}

#navbar header {
  font-size: 1.618em;
  margin-bottom: 7;

}

#navbar a {
  text-decoration: none;
  display: block;
  margin-bottom: 12px;

}

#main-doc {
  margin-left: 200px;
}

@media (max-height: 600px;) {
  .main-section{
    font-size .7em;
  }

}

Your browser information:

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

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

freeCodeCamp.org

[lasjorg]

The problem isn’t the id values, it is the href values. They should match the id values you have used on the section elements.

---

@diomed You are more than welcome to help people but please try to be a bit more respectful with your language.

[adnan1]

Thank you guys it is fixed and I have passed sorry for annoying you @lasjorg Iam still a beginner and have lot to cover.

[lasjorg]

You didn’t annoy me at all, sorry if it seemed like it.

Just to be clear, my other comment was not directed at you but at a different user whose post has now been removed/hidden.

Happy coding.