Product Landing Page - Build a Product Landing Page

HTML-CSS
#1

Tell us what’s happening:
I am getting this error " Each .nav-link element should link to a corresponding element on the landing page (has an href with a value of another element’s id. e.g. #footer )". as you can see in my code I fulfilled the requirement.

  **Your code so far**

<!-- file: index.html -->
<!DOCTYPEhtml>
<html>
<head>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
</head>
<header  id="header">
<img id="header-img" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/product-landing-page-logo.png" alt="original trombones logo">
<nav id="nav-bar">
 <a class="nav-link" href="#features">Features</a> 
 <a class="nav-link" href="#how-it-works">How It Works</a> 
 <a class="nav-link" href="#pricing">Pricing</a>
</nav>
</header>
<form id="form">
  <input id="email" type="email" name="email" placeholder="Enter Your Email"></input>
<input id="submit" type="submit" action="https://www.freecodecamp.com/email-submit" value="get Started" class="submit"></input>
</form>
<body>
<div class="wrapper>
<section id="features">Features</section>
<section id="how-it-work">How It Works</section>
<section id="pricing">
Pricing
<iframe id="video" height="315" src="https://www.youtube-nocookie.com/embed/y8Yv4pnO7qc?rel=0&amp;controls=0&amp;showinfo=0" frameborder="0" allowfullscreen=""></iframe>

</section>
</div>
<br>
<br>
</body
</html>

/* file: styles.css */
header {
position: fixed;
top: 0px;
display: flex;
justify-content: space-between;
aling-items: center;
}
@media (max-width) {
body {
  flex-wrap: wrap; 
}
}

  **Your browser information:**

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

Challenge: Product Landing Page - Build a Product Landing Page

Link to the challenge:

#2

First, I would suggest you run your HTML through a validator to fix any errors. One of your current errors is definitely causing you problems with this particular test.

Second, you need to check your ids and hrefs very closely to make sure they are correct. One of them is not matching the other.

#3

The short answer is you have a typo here
<div class="wrapper>
that prevents the test from passing.

You have quite a few typo’s in your code. When you correct the above you’ll notice the next .nav-link also fails because of a typo.

On a side note, you have your header, img, nav and form elements outside of the body element. All of the elements that will appear on your page need to be within the body element.

Hope that helps.