Build a Product Landing Page: 15 out of 16

HTML-CSS
1

Why the nav-links aren’t working?

1 Like
2
  1. When I click a .nav-link button in the nav element, I am taken to the corresponding section of the landing page.’

The .nav-link with href=“Bracelets | Meaningful Jewelry | Alex and Ani” is not linked to a corresponding element on the page : expected null to not equal null

AssertionError: The .nav-link with href=“Bracelets | Meaningful Jewelry | Alex and Ani” is not linked to a corresponding element on the page : expected null to not equal null

So, your link:

<a class="nav-link" a href="https://www.alexandani.com/collections/bracelets-all">Bracelets</a>

I’m not sure what that “a” is doing before the href, but it’s not hurting anything. Anyway, it is supposed to be pointing here:

<section id="bracelets-all"></section>

You have given it a url so you are telling to go out on the web and find that page. But we don’t want it to do that, we just want it to scroll to that section within the already loaded page. We need to target the id of that section. For example, if my section was:

<section id="foo"></section>

then your anchor might be:

<a href="#foo">Foo</a>

The # tells it to look for an id.

  1. When I click the #submit element, the email is submitted to a static page (use this mock URL: https://www.freecodecamp.com/email-submit).

The #form should have an action attribute : expected false to equal true

AssertionError: The #form should have an action attribute : expected false to equal true

You have this:

    <form id="form">
      <label for="email" id="email-label"> Email </label>
      <input id="email" type="email" name="email" placeholder="example@gmail.com" required> </input> 
      <input id="submit" type="submit" value="Submit" action-attribute="https://www.freecodecamp.com/email-submit">
    </form>

You have an “action-attribute” on your input, but it should be called “action” and it should be on the form. For example:

<form action="https://www.my-url.com/my-email-submit">
  <input type="email" name="email">
  <input type="submit">
</form>

With that info you should be able to fix your issues. But if that wasn’t enough or you run into more issues, don’t hesitate to check back.

1 Like
3

Sorry, it looks like you changed the post while I was typing.

1 Like
4

Something just happened to my whole project. When I went in to take a look at my other projects, they are all gone!

Here is the new link:

5

I’m not sure what you are missing. When I go here:

I see some projects there. Other than that, it’s more of a codepen issue.

6

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