Product Landing Page Error


I’m stuck here and I cannot understand why…It says, that every .nav-link element needs an href attribute and i have one in every. The navigation bar works correctly. I don’t know what’s the problem…

Please post your actual code instead of a screenshot. Thanks

href attribute only goes within anchor element

when i have it only in a anchor also the “Each .nav-link element should link to a corresponding element” goes wrong.

Please post your full code.

<!DOCTYPE html>
<html lang="en">
  <header id="header">
    <link rel="stylesheet" href="styles.css">
    <title>Maschine</title>
    <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTk8kIE_wIkqNJx7KcOmDSAcEaDRD1dK2db5ueiaJli3Q&s" id="header-img"></img>
    <nav id="nav-bar">
      <ul>
        <li class="nav-link" href="#Production"><a href="#Production">Production</a></li>
        <li class="nav-link" href="#Built"><a href="#Built">Built</a></li>
        <li class="nav-link" href="#Demonstration"><a href="#Demonstration">Demonstration</a></li>
        </ul>
      </nav>
    </header>
      <h1>The Maschine</h1>
        <p>Build to meet your needs</p>
        <div>
        <h2 id="Production">Production and Performance System</h2>
        <ul>
          <li>Fast, intuitive, and fun way to create and perform tracks and beats</li>
          <li>Integrated hardware / software system includes sampler, arranger, mixer, FX, and a built-in audio interface</li>
          <li>Includes MASCHINE 2 software and 8 GB sound library plus KOMPLETE 14 SELECT with 50 GB of instruments and effects</li>
          </ul>
          </div>
          <div>
          <h2 id="Built">Built</h2>
          <p>MASCHINE lets you effortlessly produce beats, melodies, and harmonies with powerful drum synths, premium sounds, an integrated sampler, and more – cutting-edge software meets intuitive hardware for ultra-smooth workflow.</p>
          </div>
          <div>
          <h2 id="Demonstration">Demonstration</h2>
          <video id="video" src="https://www.youtube.com/watch?v=4kXZGJUHrms" alt="maschine presentation">
          </video>
          </div>
          <div>
            <h1>Interested?</h3>
            <p>Submit your email to stay informed on drop dates!</p>
            <form id="form" action="https://www.freecodecamp.com/email-submit">
              <input id="email" type="email" placeholder="e.g. lala@gmail.com" name="email">
              </input>
              <input id="submit" type="submit">
              </input>
              </form>
            </div>
  </html>
ere

You can see at least three clickable elements inside the nav element, each with the class nav-link

li elements are not “clickable”, so those shouldn’t have the nav-link class

what is this? that is h1 or h3?

thank you, got it now!!