Tell us what’s happening:
Describe your issue in detail here.
So I am down to the last thing of
“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 ).”
I have looked at others with the same and I did the same solutions at least I believe I did. please help
Your code so far
<!-- file: index.html -->
<!doctype html>
<html lang="en">
<head>
<title>Product Landing Page</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, inital-scale=1.0">
<style>
body {
display: flex;
}
header {
position: fixed;
width: 100%;
}
@media only screen and (max-width: 600px) {
body {
font-size: 1.6rem;
}
}
</style>
</head>
<body id="body">
<header id="header">
<img id="header-img" src="" alt="logo"/>
<nav id="nav-bar">
<a class="nav-link" href="#home.html">home</a>
<a class="nav-link"
href="#aside.html">aside</a>
<a class="nav-link"
href="#article.html">article</a>
</nav>
<iframe id="video" width="300" height="300" src="https//"></iframe>
</header>
<main class="main">
<form id="form"
action="https://www.freecodecamp.com/email-submit" target="_blank" method="post">
<label for="email"></label>
<input id="email" type="email" name="email" placeholder="Enter your email *" required ><br><br>
<label for="submit"></label>
<input type="submit" id="submit" >
</main>
<section id="home"><h2>This is where your home is at</h2></section>
<aside id="aside">This is aside the page</aside>
<article id="article">An article my dude</article>
</body>
<footer id="footer"></footer>
</html>
/* 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/105.0.0.0 Safari/537.36 OPR/91.0.4516.72 (Edition std-1)
Challenge: Product Landing Page - Build a Product Landing Page
Link to the challenge:
https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-product-landing-page-project/build-a-product-landing-page`Preformatted text`