Web Responsiveness Product Page

I’ve been working on a product page landing page. I have passed 15/16 of the tests but for some reason my navigation bar is broken. I can only use one of three links in the header to navigate within my page. I have looked all over in the html and css. It looks like everything is spelled correctly, etc.

I could use some help pin pointing the problem please.

1 Like

In your HTML, id’s don’t need the hash in front of them.

1 Like

Hello @christinichka! Your problem seems to be very simple to solve,
so no worries :smiley:.

  • In your About Us and Flavors h2’s ID:
/* About Us Section */
<div class="desc">
    <h2 id="#flavors">About us</h2>
</div>
/* Flavors Section */
<div class="desc">
    <h2 id="#flavors">About us</h2>
</div>

You forgot to remove the hashtag “#” in the IDs, they’re unnecessary, you should only use them in your href="" attribute.

I hope this helped :smiley: .

2 Likes

Thank you! That fixed it :slight_smile: Now everything is passing. I’m off to make the page look more pretty now that it is functioning.

Thank you! Those pesky hashtags! I’m glad it was an easy fix.

1 Like

You’re welcome @christinichka :wink:.