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="https://cdn.freecodecamp.org/testable-projects-fcc/images/product-landing-page-logo.png"/>
<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>
</nav>
</header>
<iframe src="https://www.youtube.com/watch?v=y8Yv4pnO7qc" id="video"> </iframe>
<form id="form" action="https://www.freecodecamp.com/email-submit">
<input id="email" type="email" placeholder="Email" name="email" required>
<input id="submit" type="submit" placeholder="Email">
</form>
/* file: styles.css */
header {
position: fixed;
}
#header{
display:flex;
}
.nav-link[href]{
}
@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/114.0.0.0 Safari/537.36
Challenge: Product Landing Page - Build a Product Landing Page
Link to the challenge: