Technical Documentation Page - Build a Technical Documentation Page

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

I am attempting to build the technical documentation page, so far I have only inputted HTML. The page is not intended to be identical to the freecodecamp version, at this stage I want to pass the assignment and then go back update. I am having problem with stories 12 and 13. From what I can see the text for the nav-link and href and header match. I can’t think what I am doing wrong. I have tried adding the href text with and without underscores. Still the code won’t pass. Please help anyone. I don’t want to give up!!

Your code so far

<!-- file: index.html -->
<DOCTYPE! HTML>
  <html>
    <head>
      <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
    <title>Technical Documentation</title>
    <link rel="stylesheet" href="style.css">
      
    </head>

    <body>
<nav id="navbar">
  <header>JS Documentation</header>

   <ul><li><a class="nav-link" href="Introduction">Introduction</a></li>

   <li><a class="nav-link" href="What_you_hould_know">What you should know</a><li>

   <li><a class="nav-link" href="Javascript">Javascript</a></li>

     <li><a class="nav-link" href="Hello_World">Hello World</a></li> 

<li><a class="nav-link" href="Variables">Variables</a></li>
   
   <li><a class="nav-link" href="Declaring_Variables">Declaring Variables</a></li>

 <li> <a class="nav-link" href="Global_Variables">Global Variables</a></li>

   <li><a class="nav-link" href="Constants">Constants</a><li>

      <li><a class="nav-link" href="Data_Types">Data Types</a><li> 

<li><a class="nav-link" href="if_else_statement">if else statement</a><li>

   <li><a class="nav-link" href="While_statement">While statement</a><li> 
   
  <li><a class="nav-link" href="Function_Declarations">Function Declarations</a><li>

<li><a class="nav-link" href="References">References</a><li></ul>

</nav>

<main id="main-doc">

  <section class="main-section" id="Introduction">
  <header>Introduction</header>
  
  <ul>
   <li></li>
  <li></li>
  <li></li>
  </ul>
  </section>

 <section class="main-section" id="What_should_you_know">
 <header>What should you know</header></section>

 <section class="main-section" id="Javascript"><header>Javascript</header>
 <ul>
  <li></li>
  <li></li>
  <li></li>
  </ul></section>
 
 <section class="main-section" id="Hello_World"><header>Hello World</header></section>

 <section class="main-section" id="Variables"><header>Variables</header></section>

 <section class="main-section" id="Declaring_Variables"><header>Declaring Variables</header></section>

 <section class="main-section" id="Global_variables"><header>Global Variables</header
 <code></code>
  <code></code>
  </section>

 <section class="main-section" id="Constants"><header>Constants</header></section>

 <section class="main-section"id="Data_Types"><header>Data Types</header>
 <p></p>
   <p></p>
    <p></p>
     <p></p>
     </section>

<section class="main-section" id="if_else_statement"><header>if else statement</header>
<code></code>
  <code></code>
</section>

<section class="main-section" id="While_Statements"><header>While Statements</header>
<p></p>
   <p></p>
    <p></p>
     <p></p>
<code></code>
  <code></code>

</section>

<section class="main-section" id="Function_Declarations"><header>Function Declarations</header><p></p>
   <p></p>
    <p></p>
     <p></p>
     </section>

 <section class="main-section" id="References"><header>References</header></section>
</main>
     </body>
  </html>

/* 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/106.0.0.0 Safari/537.36

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

2

Fix the spelling and add # in all your internal href links like:

#What_you_should_know

Double check spelling again and use the exact same case (capitals stay capitalized)

1 Like
3

Thanks hbar1st for your reply, there were one or two typos which I fixed and checked capitals. I added in the hashtag and it still does work. I’m stumped…?

4

Back again, I’ve managed to solve story number 12, just 13 outstanding so will check again.

5

It’s all sorted now, the code passed. Thanks again! :grinning:

1 Like
6

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.