Good day everyone, Who else has issues completing this landing page?

please look at the attached image and see what I’m doing wrong with my nav-links href.
Thanks in anticipation

you have to share your code here in text form for review if you need help with it.

<html lang="en">
<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">
    <style>
.flex-container {
  display: flex;
  background-color: crimson;
}

header {
  position: fixed;
}

@media only screen and (max-width: 950px) {
  body {
    background-color: lightblue;
  }
}
</style>
</head>
<body>

  <header id="header">
    <img src="" id="header-img"/>
     
      <nav id="nav-bar">
      <nav href="#header-img" class="nav-link" ></nav>
            <nav class="nav-link" href="#email"> </nav>
                  <nav class="nav-link" href="#submit"> </nav>
    </nav>
  </header>

  <video src="https://www.youtube.com/watch?v=uQ0LGwPBC2c" id="video"></video>

<form action="https://www.freecodecamp.com/email-submit" id="form">
  <input name="email" id="email" placeholder="Enter Your Email" type="email">
<input type="submit" value="Submit" id="submit">
</form>
</body>
</html>```

There’s my code buddy

please see this example code on how to write nav links
https://www.w3schools.com/tags/tag_nav.asp

Thank you, but the challenge specifies that I use a # as the href signifier, e.g, #video for href=“#video

yes that # is for the internal links, but you need to correct the actual code first
(i hope you noticed that you are not using the correct tags!)

1 Like

I do not get what you mean saying I’m not using the correct tags honestly. I tried to see how a whole couple of internal links would work is why I had the 1st nav link href’d to #header-img, I tried #video and #submit and it still wouldn’t work.

Care to ditch the rules and just have this out in plain sight hbar1st?

Thanks buddy, I changed the tag to a ‘a’ tag

1 Like