All of your .nav-link elements should be in the #navbar

Hi. Im having trouble with the following: All of your .nav-link elements should be in the #navbar.

Can someone help me?
heres the code.
for css i only used a media query.

@media screen and (max-width:750px){
<!DOCTYPE: html>
<html lang="en">
    <title>Technical Documentation page</title>
     <meta charset="UTF-8">
     <link rel="stylesheet" href="styles.css" />
    <main id="main-doc">
      <nav id="navbar">
       <li><a href="#one">one</a></li>
       <li><a href="#two">two</a></li>
       <li><a href="#three">three</a></li>
       <li><a href="#four">four</a></li>
       <li><a href="#five">five</a></li>
<section class="main-section" id="one">
<p><a class="nav-link" href="#one">one</a></p>
<ul>   <li></li>
<section class="main-section" id="two">
 <p><a class="nav-link" href="#two">two</a></p>
<section class="main-section" id="three"> 
 <p><a class="nav-link" href="#three">three</a></p>
<section class="main-section" id="four">
 <p><a class="nav-link" href="#four">four</a></p>
<section class="main-section" id="five">
 <p><a class="nav-link" href="#five">five</a></p>

Im running the latest version of google.

Please add link to the task. Thanks.

The nav-link class is supposed to be on the links inside the main top navigation.

I also do not see the point of having links inside sections that link to that section, if you can click that link you are already at the section.

1 Like