Landing page error

I need help with my landing page.:
I have use the html analyser and it tell me this in red at the bottom of the page: the id value [ product-submit] must be unique
Your code so far
https://codepen.io/OscarineB/pen/zYoxpNq

I seem not to see what i have done wrong. Help please!

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.182 Safari/537.36.

Challenge: Build a Product Landing Page

Link to the challenge:

HI @obbarukh !

You can not have two ids with the same name

Here is one

  <p>Artcore Mahogany Neck Offers Comfortable Play</p>
    </div>
    <div class="product-submit">
      <input id="product-submit" button type="submit" value="Select">

and here is the other

 <p>Sapelli Body, Nato Neck</p>
      <p>Rosewood Bridge, Etched Rosette</p>
   </div>
    <div class="product-submit">
      <input id="product-submit" button type="submit" value="Select">

id names have to be unique. that is what the error message means.

1 Like

Hi @ jwilkins
Thank you for your reply. I cant think of anything else to replace it with. I have tried just “submit” and “product” on their own , same error message appears. I dont know what to do now. :worried: :pray:

You also have a class of product-submit. So I don’t know why you need both the id and class of the same name.
If you delete those two ids and just use classes for styling then the error message goes away.

Hi@jwilkins.oboe
Thank you so much. you ve been very helpful. :pray:

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