Tell us what’s happening: .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
WARNING
The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.
You will need to take an additional step here so the code you wrote presents in an easy to read format.
Please copy/paste all the editor code showing in the challenge from where you just linked.
Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36
Challenge: Responsive Web Design Projects - Build a Product Landing Page
Link to the challenge:
1 Like
beltonbr:
Your code so far
WARNING
The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.
You will need to take an additional step here so the code you wrote presents in an easy to read format.
Please copy/paste all the editor code showing in the challenge from where you just linked.
Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.
Unfortunately, we cannot see your code
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale" />
<title>Fcc Product Landing Page</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div id="page-wrapper"> <header id="header">
<nav id="nav-bar" href="footer">
<div class="logo-container">
<img src="https://wallpaperaccess.com/full/2842252.jpg"
alt=""
id="header-img"/>
<span class=""the-product>Classic Rockets</span>
</div> <ul class="nav-links" href="#h2">
<li><a href="#Features" class="nav-link" href="#h2">Features</a></li>
<li><a href="#Free_Rocket_Book" class="nav-link" href="#h2">Free Rocket Book</a></li>
<li><a href="#For_Sale" class="nav-link" href="h2">For Sale</a></li>
<li><a href="#Quality" class="nav-link" href="h2">Quality Rocket</a></li>
</nav>
</header>
<section id="email-section">
<h2>Beautifully Rocket Masterpieces</h2>
<form id="form" action="https://www.freecodecamp.com/email-submit">
<input name="email" id="email" type="email" required placeholder="Enter your email address" />
<input type="submit" id="submit" value="Get Started"
</form></section>
<div class="container">
<section id="Premium">
<div class="grid">
<div class="icon">
<i class="ri-rocket-2-fill"></i>
</div>
<div class="desc">
<h2>Premium Rockets</h2>
<p>Our Rockets use the shiniest Graphane which is sourced locally. This will increase the longevity of your purchase.</p>
</div>
</div>
</section>
<section id="Fast">
<div class="grid">
<div class="icon">
<i class="ri-rocket-fill"></i></div>
<div class="desc">
<h2>Fast Rockets</h2>
<p>We make sure you recieve your Rocket as soon as we have finished making it. We also provide free returns if you are not satisfied.</p>
</div>
</div>
</section>
<section id="
Quality">
<div class="grid">
<div class="icon"><i class="ri-rocket-line"></i></div>
<div class="desc">
<h2>Quality Rocket</h2>
<p>For every purchase you make, we will ensure there are no damages or faults and we will check and test the performance of your Rocket.</p>
</div>
</div>
</section>
<section id="how-it-works">
<iframe id="video" width="560" height="315" src="https://www.youtube.com/embed/fJ380rPYE4Q" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<section id="pricing">
<section class="product" id="T_Rocket">
<div class="level">T Rocket</div>
<h2>$600B</h2>
<ol>
<li>Rocket science</li>
<li>Is tough</li>
<li>have a way of</li>
<li>failing</li>
</ol>
<button class="btn">Select</button>
</section>
<section id="pricing">
<section class="product" id="T_Rocket">
<div class="level">B Rocket</div>
<h2>$900B</h2>
<ol>
<li>Rocket science</li>
<li>Is tough</li>
<li>have a way of</li>
<li>failing</li>
</ol>
<button class="btn">Select</button>
</section>
<section class="product" id="T_Rocket">
<div class="level">B Rocket</div>
<h2>$1200B</h2>
<ol>
<li>V Rocket </li>
<li>Is tough</li>
<li>have a way of</li>
<li>failing</li>
</ol>
<button class="btn">Select</button>
</section>
</section>
</div>
<section>
<footer>
<ul>
<li href="#">Privacy</li>
<li href="#">Terms</li>
<li href="#">Contact</li>
</ul>Copyright 2023,B13</span>
<span></span>
</footer></section> </div>
</body>
</html>type or paste code here
can you see the code now?
The only href value you have that has a corresponding element id is Quality. The rest are not correct.
system
October 10, 2023, 6:41am
6
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.