My Product Landing Page Help......x

1

Hi Everyone,

Ive spend way to much time on this product landing page. And ive been trough all the errors and tried so many things but I still get the following negative results:

  1. I can see an image within the #header element with a corresponding id=“header-img”. A company logo would make a good image here.
    I have this but it still gives the error (dont know what I am doing wrong)

  2. When I click a .nav-link button in the nav element, I am taken to the corresponding section of the landing page.’
    Its going to the corresponding section ( i know its a bit off but ill fix that at a later stage)

  3. When I click the #submit element, the email is submitted to a static page (use this mock . What am I doing wrong?

  4. My product landing page should have at least one media query.
    I have used 3 queries

  5. My product landing page should utilize CSS flexbox at least once.
    Used it multiple times

anyhow Ive put everything in a code pen so if someone can have a look that would be amazing!

https://codepen.io/SoDutch/pen/RwWQNOr

2

Hi @SoDutch,

You can see your Pen passing all the tests here: https://codepen.io/lerida/pen/89876260e6341e9ce2b2134a0fb2821f

A few things to consider:

  • You don’t need to include the head tag, nor the CSS stylesheet linking in CodePen’s HTML, as it takes care of it by itself.

  • The <form></form> tag was missing the action="https://www.freecodecamp.com/email-submit" element, as you were including it on the submit input.

  • The email input was missing name="email".

  • The class nav-link needs to be included inside the link tag:

<li>
   <a href="#products" class="nav-link">Products</a>
</li>

Hope this helps :+1:

3

Legend! thanks so much!

4

Can anybody help me to find how can post and getting help on my projects because i am stuck with so many things which I did not get it. Please tell me what I can do and any suggesstion is very very appriciated. And also thanks in advance and sorry for my bad English.
Here is my code pen link: “https://codepen.io/MaryamJahangir/pen/OJNBwoe”