Technical Documentation Page - Build a Technical Documentation Page

[hbx45]

Tell us what’s happening: i am faling this last step.
Describe your issue in detail here.

Your code so far

<main id="main-doc">
  <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>    
  </main>
  <nav id="navbar">
      <header>Navigation</header>
      <a class="nav-link" href="#Introduction">Introduction</a>          
      <a class="nav-link"       href="#What_you_should_already_know">What you should already know</a>
      <a class="nav-link" href="#JavaScript_and_Java">JavaScript and Java></a>
      <a class="nav-link" href="#Hello_world">Hello world></a>
      <a class="nav-link" href="#Variables">Variables</a>
      </nav>

<!-- file: index.html -->
<main id="main-doc">
  <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>    
  </main>
  <nav id="navbar">
      <header>Navigation</header>
      <a class="nav-link" href="#Introduction">Introduction</a>          
      <a class="nav-link"       href="#What_you_should_already_know">What you should already know</a>
      <a class="nav-link" href="#JavaScript_and_Java">JavaScript and Java></a>
      <a class="nav-link" href="#Hello_world">Hello world></a>
      <a class="nav-link" href="#Variables">Variables</a>
      </nav>

/* file: styles.css */

Your browser information:

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

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

freeCodeCamp.org

[hbar1st]

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 (').

[hbar1st]

Hi there, do you mean you are failing the media rule test?
I don’t see that you have posted any code in styles.css or that you have linked the stylesheet as suggested by the project instructions.
I would start there.