Product Landing Page - Build a Product Landing Page

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
I’ve done every task so far but " Each .nav-link element should have an href attribute." each .nav-link has a href attribute from what I’m seeing.
Your code so far

<!-- file: index.html -->
<head>
  <link rel="stylesheet" href="styles.css">
</head>
<header id='header'>
  <img src='https://imgur.com/gallery/S20uAct' id='header-img'>
  <nav id='nav-bar'>
    <nav class='nav-link' href="#header"></nav>
    <nav class='nav-link' href="#header"></nav>
    <nav class='nav-link' href="#header"></nav>
  </nav>
  <video id='video' src='https://www.youtube.com/watch?v=nnJ_h2hRpoI'></video>
  <form action='https://www.freecodecamp.com/email-submit' id='form'><input id='email' placeholder='s' type='email' name='email'><input>
  <input id='submit' type='submit'><input>
  </form>
</header>


/* file: styles.css */
@media (max-width: 900px) {
  #header {
    width: 20px;
    display: flex;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
  }
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/112.0.0.0 Safari/537.36

Challenge: Product Landing Page - Build a Product Landing Page

Link to the challenge:

2

It looks like you have a misunderstanding of how nav is supposed to be used. You shouldnt have several nav elements like that, and the href doesnt work the way in nav like you are trying to do. Here is a link that shows an example of how the nav should be used, and explains the use for it. Might want to look it over, and adjust your code

3

I’ll take a look at it, thanks again.

4

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