Technical Documentation Page - Build a Technical Documentation Page

HTML-CSS
1

Tell us what’s happening:

Test 8 and 19 don’t pass and i don’t know why please help

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Why I Code</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body id="BODY">
  <main id="main-doc">
    <nav id="navbar">
      <header>
        <p>This is everything with me and coding</p>
      </header>
      <a class="nav-link" href="#Why_I_Code">Why I Code</a>
      <a class="nav-link" href="#When_I_Code">When I Code</a>
      <a class="nav-link" href="#Where_I_Code">Where I Code</a>
      <a class="nav-link" href="#How_I_Code">How I Code</a>
      <a class="nav-link" href="#What_I_Code">What I Code</a>
    </nav>
    <section id="Why_I_Code" class="main-section">
      <header>
        <h1>Why I Code</h1>
        <p>I code because it is fun</p>
        <p>It also is the career path I want <code>python</code></p>
      </header>
      <ul>
        <li>Yo</li>
        <li>Yo</li>
        <li>Yo</li>
        <li>Yo</li>
        <li>Yo</li>
      </ul>
    </section>
    <section id="When_I_Code" class="main-section">
      <header>
        <h1>When I Code</h1>
      </header>
              <p>I code whenever I am free</p>
        <p>I code every day basically</p>
        <p>In CSS, <code>background-color</code> changes the color of text</p>
    </section>
    <section id="Where_I_Code" class="main-section">
      <header>
        <h1>Where I Code</h1>
      </header>
      <p>I code at home</p>
      <p>I also code in school</p>
    </section>
    <section id="How_I_Code" class="main-section">
      <header>
        <h1>How I Code</h1>
      </header>
      <p>I code on my PC on websites like freeCodeCamp</p>
      <p>I code on VSCode as well</p>
    </section>
    <section id="What_I_Code" class="main-section">
      <header>
        <h1>What I Code</h1>
      </header>
      <p>I code HTML/CSS</p>
      <p>I code Python</p>
      <p>Here are some examples, <code>h1</code> makes words bigger, <code></p>
    </section>
    </main>
  </body>
</html>

/* file: styles.css */
@media (min-width: 600px){
  #BODY{
    background-color:grey;
  }
}

Your browser information:

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

Challenge Information:

Technical Documentation Page - Build a Technical Documentation Page

2

In your #Why_I_Code section, you nested the <p> elements inside the <header> by mistake I guess as you didn’t do the same for the other sections.

3

Thanks so much it works now