Im creating a Technical Documentation Page, I didn't find anything wrong but the CodePen keeps giving me this error!

12. Each element with the class of “nav-link” should contain text that corresponds to the text within each (e.g. if you have a “Hello world” section/header, your navbar should have an element which contains the text “Hello world”).

Check that these headers have corresponding .nav-link elements and be mindful of case! : THOUGHTS …

<nav id="navbar">
 <header>Anime</header>
  <ul>
    <a class="nav-link" href="#Anime"> <li> Anime</li></a> 
    <! a class="nav-link" href="#Anime_Genres"> <li>  Anime Genres </li></a> 
    <a class="nav-link" href="#Thoughts"><li>  What you think? </li></a> 
    <!a class="nav-link" href="#Manga"> <li> Manga </li></a> 
    <!a class="nav-link" href="#Manhwa"> <li> Manhwa </li></a> 
    <!a class="nav-link" href="#About_Me"><li>  About Me </li></a> 
                              <!-- The "<!" thing is Intentional, as I'm a New user & I can't put more than two links! -->
  </ul>
</nav>
<main id="main-doc">
  
<section class="main-section" id="Anime">
<header>Anime</header>
  <p>
    <code> "What is Anime?" </code>
  </p>
<p>
    <ul>
      <li> -----------------Lorem -------------------- </li>
      <li> Popular Anime Series</li>
            <ul>
              <li>  Cowboy Bebop</li>
              <li>  Berserk</li>
              <li>  Steins;Gate</li>
            </ul>
    </ul>
  </p>
  
<br>  
<section class="main-section" id="Anime_Genres">
<header>Anime Genres</header>
  <p>
      <code> "This is an easy guide that will help you understand better how anime categories." </code>
  </p>
<p>
    <ul>
      <li> ...............</li>
      <ul>
        <li> OOOO </li>
        <li> --------- </li>
         <li> ---------</li>
       </ul>
</p>
<br>   
<section class="main-section" id="Thoughts">
<header>Thoughts</header>
  <p>
      <code> "Let us know what your thoughts are" </code>
  </p>

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

Could you please provide a link to the pen?

Sorry about the Inconvenience,
but I realized my mistake shortly after I posted ,
and I fixed that…
thanks Though :slight_smile:

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