Product Landing Page - Build a Product Landing Page

In the " Product Landing Page " challenge after passing almost every step.
I’m stuck at this one, Which says. ( Each .nav-link element should have an href` attribute.),
It still considers this as a non acceptable code, Even after writing it correctly.

Here’s the line of code which it sees as an invalid code.


  • }

    <!-- file: index.html -->
    <link rel="stylesheet" href="styles.css">
    <header id="header">
      <img id="header-img" src=""/>
      <nav id="nav-bar">
          <li class="nav-link" href="#header"></li>
          <li class="nav-link" href="#video"></li>
          <li class="nav-link" href="#form"></li>
    <iframe src="" id="video"> </iframe>
    <form id="form" action="">
      <input id="email" type="email" placeholder="Email" name="email" required>  
      <input id="submit" type="submit" placeholder="Email">  
    /* file: styles.css */
    header {
      position: fixed;
    @media all (max-width: 200px){

    Your browser information:

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

    Challenge: Product Landing Page - Build a Product Landing Page

    Link to the challenge:

    Welcome to our community!

    Always post the entire HTML and CSS code here.

    Your nav-link elements are not anchor elements, so you don’t have any link in your code that leads to the corresponding HTML element with the id attribute that has the same value.

    According to the code you have posted, I would recommend that you repeat the steps before this particular project in the course. There are too many mistakes in the HTML code.

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