Build a Technical Documentation Page

[https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-technical-documentation-page-project/build-a-technical-documentation-page]
Yes I’m not quite done with my technical documentation page, but when I run the tes to see how i’m doing so far I keep getting

``

this means the tests have passed.
You can keep working on the page to improve it but at this point you have satisfied the test’s requirements.

That’s the thing I don’t have a media query yet.

please post your code.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://fonts.googleapis.com/css2?family=Englebert&family=Josefin+Sans&display=swap" rel="stylesheet">
    <script src="https://kit.fontawesome.com/65b57b843d.js" crossorigin="anonymous"></script>
    <title>Technical Documentation</title>
    </head>
    <body>
      <a href="top"></a>
      <nav id="navbar">
        <header>Technical Documentation</header
       <img src="https://i.ibb.co/QdVxbxP/logo.webp" alt="logo" border="0">
        <ul>
          <a class="nav-link" href="#introduction">Introduction</a></li>
          <li>
            <a class="nav-link" href="#part_a">Part_A</a></li>
            <li>
              <a class="nav-link" href="#part_b">Part_B</a></li>
              <li>
                <a class="nav-link" href="#part_c">Part_C</a></li>
                <li>
                  <a class="nav-link" href="#part_d">Part_D</a></li>
                  </ul>
                  </nav>
                  <main id="main-doc">
                    <section class="main-section" id="introduction">
                      <header>Introduction</header>
                       <p>text</p>
                        <p>text</p>
                        <section class="main-section" id="part_a">
                         <header>Part_A</header>
                          <p>text</p>
                           <p>text</p>
                           <code>text</code>
                           <code>text</code>
                      </section>
                      <section class="main-section" id="part_b">
                           <header> Part_B</header>
                            <p>text</p>
                             <p>text</p>
                             <code>text</code>
                        </section>
                          <section class="main-section" id="part_c">
                           <header>Part_C </header>
                            <p>text</p>
                             <p>text</p>
                             <ul>
                               <li>text</li>
                               <li>text</li>
                               <li>text</li>
                               <li>text</li>
                               <li>text</li>
                               </ul>
                        </section>
                         <section class="main-section" id="part_d">
                           <header>Part_D</header>
                           <p>text</p> 
                            <p>text</p>
                            <code>text</code>
                           <code>text</code> 
                        </section>
           </body>
           </html>   

CSS

       body{
  margin:0;
  padding:auto;
}
#navbar{
  width:80%;
  margin:0 auto;
}
header{
  background-color: 
}

[https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-technical-documentation-page-project/build-a-technical-documentation-page]Preformatted text

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

this script is the reason the tests are passing.
You can remove it and the test will fail.

1 Like