Technical Documentation Page - Build a Technical Documentation Page

Tell us what’s happening:
Describe your issue in detail here.
I have a problem to get what’s wrong here
so, Any Help please

THIS TASK
Each .nav-link should have an href attribute that links to its corresponding .main-section (e.g. If you click on a .nav-link element that contains the text “Hello world”, the page navigates to a section element with that id)
Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
 <head>
    <meta charset="UTF-8">
    <title>Nutrition Label</title>
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700,800" rel="stylesheet">
    <link href="./styles.css" rel="stylesheet">
  
  <body>
    <main id="main-doc">

          <nav id="navbar">
        <header>Technical Documentation</header><hr>
        <a class="nav-link" href="JS_Documentation" Documentation">JS Documentation</a><hr>

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

         <a class="nav-link" href="What_you should_already_know">What you should already know</a><hr>

         <a class="nav-link" href="Javascript_and_Java">Javascript and Java</a><hr>

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

         <a class="nav-link" href="variables">variables</a><hr>
        
</nav>


      

    <section class="main-section" id="JS_Documentation">
      <header >JS Documentation</header>
     
      <p></p>
      <p></p>
      <code></code>
      <li></li>
      
      </section>
    
      <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>
    </head>
  </body>
/* file: styles.css */
@media screen and (min-width: 480px) {
  body {
    background-color: lightgreen;
  }
}

Your browser information:

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

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

Here are some issues I noticed:

This might cause a problem so you might wanna fix it (remove ./)

Make your internal links start with # so that they can be understood by the browser. (#JS_Documentation)

Should the word “Documentation” be an attribute in your anchor tag?

Edit:
I don’t see a closing tag for html

Pretty sure you are supposed to close the head part before the body even starts.

Tell us what’s happening:
Describe your issue in detail here.
I have the following error and I cant fix so any help please

Each .nav-link should have an href attribute that links to its corresponding .main-section (e.g. If you click on a .nav-link element that contains the text “Hello world”, the page navigates to a section element with that id)
Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
 <head>
    <meta charset="UTF-8">
    <title>Nutrition Label</title>
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700,800" rel="stylesheet">
    <link href="styles.css" rel="stylesheet">
  
  <body>
    <main id="main-doc">

          <nav id="navbar">
        <header>Technical Documentation</header><hr>
        <a class="nav-link" href="#JS_Documentation">JS Documentation</a><hr>

        <a class="nav-link"  href="#Introduction">Introduction</a><hr>

         <a class="nav-link" href="#What_you should_already_know">What you should already know</a><hr>

         <a class="nav-link" href="#Javascript_and_Java">Javascript and Java</a><hr>

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

         <a class="nav-link" href="#variables">variables</a><hr>
        
</nav>


      

    <section class="main-section" id="JS_Documentation">
      <header >JS Documentation</header>
     
      <p></p>
      <p></p>
      <code></code>
      <li></li>
      
      </section>
    
      <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>
    </head>
  </body>
  </html>
/* file: styles.css */
@media screen and (min-width: 480px) {
  body {
    background-color: lightgreen;
  }
}

Your browser information:

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

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

please do not create duplicate topics in the forum as it leaves everyone confused.
I’ve merged your duplicates into one.

okay but i need a help and no one answer me

I answered you before. Have you tried the suggestions given? (For eg I still see you haven’t added the missing closing tag for the head)

Move the head closing tag so it is above the start of the main and body section

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