Build a Technical Documentation Page - Build a Technical Documentation Page

HTML-CSS
1

Tell us what’s happening:

I’m not sure what I’m doing wrong… step 19 doesn’t past.

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic&family=Nunito+Sans&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="styles.css"/>
    <meta charset="UTF-8" />
    <title>Technical Documentation Page</title>
  </head>

  <body>
  <main id="main-doc">

    <nav id="navbar">
      <header id="header">JS Documentation</header>
      <ul>
       <li><a href="#introduction" class="nav-link">Introduction</a></li>
       <li><a href="#Stuff_you_should_already_know" class="nav-link">Stuff you should already know</a></li>
       <li><a href="#Hello_World" class="nav-link">Hello World</a></li>
       <li> <a href="#HTML" class="nav-link">HTML</a></li>
       <li><a href="#CSS" class="nav-link">CSS</a></li>
       <li><a href="#if.._something_else_statement_css" class="nav-link">If... something else statement css</a></li>
       <li><a href="#reference" class="nav-link">Reference</a></li>
     </ul>
    </nav>

    <section class="main-section" id="introduction"><header>Introduction</header>
    <p>Lorem ipsum...</p>
    <p>Lorem ipsum...</p></section>
    <section class="main-section" id="Stuff_you_should_already_know"><header>Stuff you should already know</header>
    <p>Lorem ipsum...</p>
    <p>Lorem ipsum...</p></section>
       <section class="main-section" id="Hello_World"><header>Hello World</header>
    <p>Lorem ipsum...</p>
    <p>Lorem ipsum...</p>
    
    <code> function greetMe(yourName) { alert("Hello " + yourName); }
        greetMe("World"); </code></section>
    <section class="main-section" id="HTML"><header>HTMl</header>
    <p>Lorem ipsum...</p>
   
    <code> <p>Hello World</p></code>  This how your write a paragraph text</p></section>
    <section class="main-section" id="CSS"><header>CSS</header>
    <p>The (*) is the universal market which makes every part of the document the same thing.</p>
    <code> * {box-sizing: border-box;} </code>
  <p>fdfsf</p>
  </section>
     <section class="main-section" id="if..._something_else_statement_css"><header>If... something else statement css</header>

    <p>How to change a background color.</p>
    
    <code> * {background-color: red;
      color: white;}</code>
      <p>How to change font-style</p> 
      <code> targethtmlelement {font-style: bold;}</code></section>
  
  
  <section class="main-section" id="reference"><header>Reference</header>
    <p>Lorem ipsum...</p>
    <p>Lorem ipsum...</p>
    <ul>
    <li><a href=/>freecodecamp</a></li>
    <li><a href=/>freecodecamp</a></li>
    <li><a href=/>freecodecamp</a></li>
    <li><a href=/>freecodecamp</a></li>
    <li><a href=/>freecodecamp</a></li></ul></section>

  </main>
  </body>
</html>

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:150.0) Gecko/20100101 Firefox/150.0

Challenge Information:

Build a Technical Documentation Page - Build a Technical Documentation Page

GitHub Link: freeCodeCamp/curriculum/challenges/english/blocks/lab-technical-documentation-page/587d78b0367417b2b2512b05.md at main · freeCodeCamp/freeCodeCamp · GitHub

2

double check this one, it’s the one failing

3

I don’t get why it keeps failing. code update in my main post.

4

nvm lol just a dot missing