Technical Documentation Page - Build a Technical Documentation Page

[Tai]

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).
Tell us what’s happening:
Describe your issue in detail here.

What am I missing?

  **Your code so far**

/* file: index.html */
<main id="main-doc">
<section class="main-section" id="Head">
  <header>Head</header>
<section class="main-section" id="tail">
  <header>Tail</header>
<section class="main-section" id="center">
  <header>center</header>
<section class="main-section" id="right">
  <header>right</header>
<section class="main-section" id="left">
  <header>left</header>
  <p></p>
  <p></p>
  <p></p>
  <p></p>
  <p></p>
  <p></p>
  <p></p>
  <p></p>
  <p></p>
  <p></p>
  <code></code>
  <code></code>
  <code></code>
  <code></code>
  <code></code>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <nav id="navbar" href="">
    <header>Trail</header>
    <a class="nav-link" href="Head">Head</a>
    
    <a class="nav-link" href="Tail">Tail</a>
    
    <a class="nav-link" href="center">center</a>
      
    <a class="nav-link" href="right">right</a>

    <a class="nav-link" href="left">left</a>
    
      
      
    

/* 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/105.0.0.0 Safari/537.36 Edg/105.0.1343.33

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

freeCodeCamp.org

[hbar1st]

the ids have to match exactly, include case (lower or upper)
and you need a # symbol in the href when you link to an internal part of your page

[Tai]

Have followed your instruction but still not working.

   <a class="nav-link" href="#Head">Head</a>
  
  <a class="nav-link" href="#Tail">Tail</a>
  
  <a class="nav-link" href="#center">center</a>
    
  <a class="nav-link" href="#right">right</a>

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

[Tai]

Need no reply.
Got the answer thanks,