Assistance on navbar

HTML-CSS
1

https://codepen.io/larisacostea1997/pen/VwrrMqZ This is my code.

Could you please help me on this one? 10. Additionally, the navbar should contain link () elements with the class of “nav-link”. There should be one for every element with the class “main-section”.

2

Hi @Larisa97,

According to the log: Additionally, the navbar should contain link (<a>) elements with the class of "nav-link". There should be one for every element with the class "main-section".

Let’s look at your code now:

<!-- Your nav with the id navbar and the header inside, this ok -->
<nav id="navbar">
  <header>Front-End Basics</header>
</nav>
<!-- Next of your code -->
<br>
<br>
<!-- You created the links with the class nav-link, this is good, the issue is that they are out of the element with the navbar id -->
<a class="nav-link" href="#Introduction">Introduction</a>
<a class="nav-link" href="#What_you_already_know">What you already know</a>
<a class="nav-link" href="#HTML">HTML</a>
<a class="nav-link" href="#CSS">CSS</a>
<a class="nav-link" href="#JavaScript">JavaScript</a>

I put comment directly into the code. Do you understand your issue?

3

Yes, I got lost in code. Thank you!

4

It happens, the important is that you understood. Good luck for the next challenges @Larisa97!

5

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