Hey Its Saying "You should have at least five li elements that are descendants of .main-section elements." can anyone help me with that

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

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html>
<head>
  <link src="stylesheet" href="./styles.css" />
  </head>
  <body>
   <nav id="navbar">
   <header>JS Documentation</header>
  <ul>
    <li><a class="nav-link" href="#aaj_ka">aaj ka</a></li>
    <li><a class="nav-link" href="#kal_ka">kal ka</a></li>
    <li><a class="nav-link" href="#parso_ka">parso ka</a></li>
    <li><a class="nav-link" href="#narso_ka">narso ka</a></li>
    <li><a class="nav-link" href="#tarso_ka">tarso ka</a></li>
  </ul>
  </nav>
  <main id="main-doc">
<section class="main-section" id="aaj_ka">
<header>Aaj Ka</header>
<p>badjskh  wefuie  bcjdue uh hfh o hfdue;q ufb huw wufh ufuhfhh
  <code>function greetMe(yourName) { alert("Hello " + yourName); }
greetMe("World");</code>
</p>
<p>dschu  uyuu eh cieowuoie efhhso itysd dcdnpot u g</p>
</section>
<section class="main-section" id="kal_ka">
<header>Kal Ka</header>
<p>badjskh  we fgbt h hyjujuie  bcjdue uh hfh o hfdue;q ufb huw wufh ufuhfhh</p>
<code>function gr  eetMe(yourName) { alert("Hello " + yourName); }
greetMe("World");</code>
<p>dschu  uyuu eh cieowuoie efhhso itysd dcdnpdgt hyot u g</p>
<code>function gr df eetMe(yourName) { alert("Hello " + yourName); }
greetMe("World");</code>
</section>
<section class="main-section" id="parso_ka">
<header>Parso Ka</header>
<code>function greet fb Me(yourName) { alert("Hello " + yourName); }
greetMe("World");</code><p>badjskh  wefuie  bcjdue uh hfh o hfdue;q ufb huw wufh ufuhfhewfi49 49ur0894 4ut  20 jfh</p>
<p>dschu  uyu djvn ruur u eh cieowuoie efhhso itysd dcdnpot u g</p>
<code>function greetMe(yourName) { alert( hh""Hello " + yourName); }
greetMe("World");</code>
</section>
<section class="main-section" id="narso_ka">
<header>Narso Ka</header>
<p>badjskh  wefuie  bcjdue uh hfh o hfdue;q ufb huw wufh ufuhfhhk juh</p>
<p>dschu  uyu ij efj jfr jfj u eh cieowuoie efhhso itysd dcdnpot u g</p>
</section>
<section class="main-section" id="tarso_ka">
<header>Tarso Ka</header>
<p>badjskh  wefuie  bcjgt grg gdz er h e ue uh hfh o hfdue;q ufb huw wufh ufuhfhhk juh</p>
<p>dschu  uyu 9yf fh uh ehdhe fuewp pu eh cieowuoie efhhso itysd dcdnpot u g</p>
</section>
    </main>
    </body>
</html>
/* file: styles.css */
@media screen max-width(760px) {
.main-section {
max-width : 600px;
}
}
  **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:

Can you should us the li elements that are in the <section class="main-section" id="aaj_ka">? I dont’ see even one.