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.
Hi,

I don’t know where I’m going wrong but the step 13 is not passing…
Please help me to find out where I am going wrong…

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<html>
<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Technical Document</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>

<nav id="navbar">
<div class="sidebar">
<header>JS Documentation</header>
<ul>
<li><a class="nav-link" href="#Introduction">Introduction</a></li>
<li><a class="nav-link" href="#What_you_should_already_know">What you should already know</a></li>
<li><a class="nav-link" href="#JavaScript and Java
">JavaScript and Java
</a></li>
<li><a class="nav-link" href="#Hello_world" rel="internal">Hello world</a></li>
<li><a class="nav-link" href="#Variables" rel="internal">Variables</a></li>
<li><a class="nav-link" href="#Declaring variables">Declaring variables</a></li>
<li><a class="nav-link" href="#Variable_scope" rel="internal">Variable scope</a></li>
<li><a class="nav-link" href="#Global_variables" rel="internal">Global variables</a></li>
<li><a class="nav-link" href="#Constants" rel="internal">Constants</a></li>
<li><a class="nav-link" href="#Data_types">Data types</a></li>
<li><a class="nav-link" href="#if...else_statement" rel="internal">if...else statement</a></li>
<li><a class="nav-link" href="#while_statement" rel="internal">while statement</a></li>
<li><a class="nav-link" href="#Function_declarations" rel="internal">Function declarations</a></li>
<li><a class="nav-link" href="#Reference" rel="internal">Reference</a></li>
</ul>
</div>
</nav>

<main id="main-doc">
  <section class="main-section" id="Introduction" >
  <header>Introduction</header>
  <article>
<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>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</article>
</section>
<section class="main-section" id="What_you_should_already_know" ><header>What you should already know</header></section>

<section class="main-section" id="JavaScript_and_Java" ><header>JavaScript and Java</header></section>
<section class="main-section" id="Hello_world" ><header>Hello world</header></section>
<section class="main-section" id="Variables"><header>Variables</header></
section>
<section class="main-section" id="Declaring_variables"><header>Declaring variables</header></
section>
<section class="main-section" id="Variable_scope"><header>Variable scope</header></
section>
<section class="main-section" id="Global_variables"><header>Global variables</header></
section>
<section class="main-section" id="Constants"><header>Constants</header></
section>
<section class="main-section" id="Data_types"><header>Data types</header></
section>
<section class="main-section" id="if...else_statement"><header>if...else statement</header></
section>
<section class="main-section" id="while_statement"><header>while statement</header></
section>
<section class="main-section" id="Function_declarations"><header>Function declarations</header></
section>
<section class="main-section" id="Reference"><header>Reference</header></
section>

</main>
</body>
</html>
/* 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/102.0.5005.63 Safari/537.36

Challenge: Build a Technical Documentation Page

Link to the challenge:

1 Like

Hi @brazaraujo

It seems ok, but you do have a typo. Check your first lines of code. Is not ok, right? :wink:
Good job so far!