Product Landing Page - Build a Product Landing Page

HTML-CSS
1

Tell us what’s happening:

Can anyone tell me where I went wrong. The 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)."

Your code so far

<!-- file: index.html -->
<header id="header"><img id="header-img" src="https://imagelogo.com"></img>
<nav id="nav-bar">
  <a class="nav-link" href="footer"></a>
  <a class="nav-link" href="footer"></a>
  <a class="nav-link" href="footer"></a>
</nav>
<video id="video" src="https://www.youtube.com/"></video>
<form id="form" action="https://www.freecodecamp.com/email-submit">
<input id="email" type="email" type="submit" placeholder="text" name="email">
</input><input id="submit" type="submit">
</input></form>
<style> 
header{position: top;}
form{display: flex;}
@media only screen and (max-width: 600px)
  body {
    background-color: lightblue;
  }
}
</header>
<footer id="footer"></footer>

/* file: styles.css */

Your browser information:

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

Challenge Information:

Product Landing Page - Build a Product Landing Page

2

Hello cailin
It would be best if you start from the beginning as the formatting and layout of the tags aren’t quite right. You can look at w3 schools html examples on how html tags need to be used and which ones you should be using.

3

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