Responsive Web Design Projects - Build a Product Landing Page - idVzT_G9cQfy3w2Z4hwk0

Tell us what’s happening:
Describe your issue in detail here.
Hi, so I’m having a problem completing the task, it says ( You should have at least 3 .nav-link elements within the #nav-bar. Each .nav-link element should have a href attribute. Each .nav-link element should link to a corresponding element on the landing page I’m really baffled and I don’t know what to do.

   **Your code so far**
/* file: index.html */
<!Doctype HTML5>
   <header id="header">
     <title id="title">Gloss pianos</title>
     <img  id="header-img" src="">
     <nav id="nav-bar"><a id="d" href="#footer"> Order</a> <a id="a" href="#prenium-build"> Features</a>
     <a id="b" href="#video"> video demonstration</a><a id="c" href="#email">Enter your email to get started</a>
     <h1 id="prenium-build">Prenium build</h2>
        <p id="p"> Our pianos are made from the highest quality wood available</p>
     <h2 id="pay-less-shipping"> Payless shipping</h3>
       <p id="p"> Once you have purchased one our distinguished pianos shipping will be free</p>
     <h3 id="safe delivery">Safe delivery</h4>
      <p id="p"> Your piano will be delivered by one of our trusted delivery companies</p>
      <iframe id="video" src=""></iframe>
   <footer id="footer">
   <h4 id="How to order a piano">How to order a piano</h5>   
      <p id="p"> To order a piano you have to enter your email and we will email you back with a customization form</p>
   <form action=""
   <label id="email-label"for="email">Email</label>
<input name="email"id="email"  type="email" required placeholder="Enter your email"> 
<input name="submit"id="submit"  type="submit" required > 
<link rel="stylesheet" href="styles.css">
/* file: styles.css */
 @media (max-height: 800px){ 
   p {
   font-size: 10px;
   **Your browser information:**

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

Challenge: Responsive Web Design Projects - Build a Product Landing Page

Link to the challenge:

I suggest you to check you code with validator.
There are like dozen of things which are not quite right with your page.
Also, this id-s like: a, b, c, d are not descriptive at all. I suggest to change such names to something more descriptive.

So I’ve done what you have said but the same error keeps on popping up eventhough I have a nav bar and nav-links

Remove the style tags from the css file, no html can go in there

I did but I am still having problems with the .nav-link section.

where are they? 

I just realized that it wants me to put them as classes and not id, sorry for wasting your time and thanks for the help.

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