FCC : Product Landing Page

FCC : Product Landing Page
0

#1

I am stuck with my code. The navbar is not fixed and I dont know what else to do… The links on my navbar are still not working. The only link that works is the ‘ContactUs’ link. Suggestions will be most appreciated.

Thank you in advance for taking the time to respond.


#2

Hi there. As I can see from your page. You are missing the id to connect it to your navbar link.

You wrote this for your navbar links:

nav id="nav-bar">
    <ul>
      <li><a class="nav-link" href="#AboutUs">About Us</a></li>
      <li><a class="nav-link" href="#WhatWeDo">What We Do</a></li>
      <li><a class="nav-link" href="Gallery">Gallery</a></li>
      <li><a class="nav-link" href="#Contact">Contact Us</a></li>
    </ul>
  </nav>

However for your section, you did not add the id that will properly link it to your navbar links:

<section id="cakeBoss">
  <h2>About Us</h2>
    <p>The Cake Boss has been in the business of bringing our clients' imagination to life through our cakes and sugar craft designs. Our pioneer Cake Boss Ms. Judy Bunny has been baking and hand crafting beautiful designs since 1998. Its always a pleasure to see a huge smile on the face of every client that works in through our doors.
    </p>
    <h2>What We Do</h2>
    <p>We simply bring to life your imagination through our cakes and sugar craft designs. Our only desire is to ensure that we have a satisfied client every single time.
    </p>
  </section>

so here you should try to add this code:

> <h2 id="AboutUs"></h2>
> <h2 id="WhatWeDo></h2>

and so on…

Hope this help.

Good Luck!


#3

I was able to work on the 2 links but the 3rd link for the ‘Gallery’ is still giving me issues. :tired_face::tired_face::tired_face:

Thank you so much for taking the time to respond. I really appreciate.


#4

Hey there.

For gallery, I think you have missed the # on your navbar links.

You wrote:
<li><a class="nav-link" href="Gallery">Gallery</a></li>

It should’ve been #Gallery.


#5

THANK YOU!!! I wonder how I couldnt see that. THANK YOU!!!:joy::joy::joy::joy::joy::joy::joy::joy:


#6

Anytime. :sweat_smile::+1: