Addindg nav links

Tell us what’s happening:
i am having issues with is it keeps saying my nav links should have href that links to main section and id does but i cant pass

   **Your code so far** <nav id="navbar">
 <header>MY ISLAND HOME JAMAICA</Header>
 <ul>
  • My Island Home Jamaica
  • Tourist Capitals
  • Attractions
  • Food
  • People
  • /* file: index.html */
    <!DOCTYPE html>
    <html>
    <link rel="stylesheet" href="styles.css"> 
     <main id="main-doc">
     <nav id="navbar">
        <header>MY ISLAND HOME JAMAICA</Header>
        <ul>
    <li><a class="nav-link" href="#My Island Home Jamaica">My Island Home Jamaica</a></li>
    <li><a class="nav-link" href="#Tourist Capitals">Tourist Capitals</a></li>
    <li><a class="nav-link" href="#Attractions">Attractions</a></li>
    <li><a class="nav-link" href="#Food">Food<a></li>
    <li><a class="nav-link" href="#People">People</a></li>
          </ul>
    </nav>
    <section class="main-section" id="My_Island_Home_Jamaica">
      <header>My Island Home Jamaica</header>
     <code>The Best Piece Of Rock In The Carribbean Sea</code> 
    <p>Welcome to my island Jamaica you wont regret a minute on my island.</p>
      <p>From the moment you step your feet off the plane. You are greeted by warm smiles,songs,dances,smells and flavors of all types.</p>
      
    <section class="main-section" id="Tourist_Capitals">
      <header>Tourist Capitals</header>
    <code>So Much Places To Go</code>
     
      <p><li>Montego Bay</li><li> Ochi Rios</li> <li>Negril</li> <li>Portland</li> <li>Kingston</li><li>St Thomas</li><li> St Elizabeth</li></p> 
      <p>We Also Have Farm Tourism. Where you get to explore jamaican grown produce and plant some thing on the rock for memories </p> 
      
    <section class="main-section" id="Attractions">
      <header>Attractions</header>
       
       <code>So much Things To See And Do</code>
       
      <p> <li>Beaches</li><li>River Rafting</li><li> Water Falls</li><li>Catamaran Cruises</li><li>Atv's</li><li>Horseback Riding</li><li>WaterParks</li><li>Spa's and Many More.</li></p>
      <p> Most of These Attractions are a sold in Packages With Your Hotel</p>
     
       <section>
    <section class="main-section" id="Food">
      <header>Food</header>
      <code>Eat what You Want</code>
     
    <p>we have many different kind of quisines offered at all our local restaurants</P><p> There's also many fast food restaurants too eg. <li>KFC</li><li> Burger King</li><Li> wendy's,</li><li>Dominoe's</li><li> Subway etc.</li></p>
    
    <section class="main-section" id="People">
      <header>People</header>
      <code>Exiting locals</code>
      
      <p>We have the most loving and welcoming natives</p>
    <p>Whether you are in a Hotel or in an Airbnb, a Villa or just walking you are gauranteed to meet a character you will not forget</p>
    
    </section>
     </main>
    </html>
    
    /* file: styles.css */
    @media(min-width:400px){
     nav-bar: left;
    }
    
       **Your browser information:**
    

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

    Challenge: Build a Technical Documentation Page

    Link to the challenge:

    Hi, you didn’t pass the same string that you have as an id into the href.
    “MY ISLAND HOME JAMAICA” is not the same as “MY_ISLAND_HOME_JAMAICA”
    good luck.

    thanks you so much that worked