My Product Landing Page - needs a little help

My Product Landing Page - needs a little help
0.0 0

#1

Hi All,
I’ve passed the tests, but my About Nav-link does not stop at the top of the About section.
It goes in about 3 paragraphs.

Any suggestion is greatly appreciated.


#2

i had the same issue. Take a look at the pen you just reviewed for me to see how I handled it. (Look for #aboutUs)


#3

It looks like you have two of these in your HTML

<section id="about">

This looks like a problem. You should only have one specific ID of “about” per page.

about


#4

Thank you. That would cause a problem. But it’s still scrolling too far down.


#5

Is the rest of your HTML valid as far as opening and closing tags? It’s hard for me to see on CodePen.

Maybe copy just the HTML into a local editor and go through the tags to make sure there are pairs?


#6

Oh, I thought the id had be in with the href. Thank you I will try that.


#7

When you use a link like

<a href="#about" class="nav-link"> About </a>

It will look at the entire HTML page for an element with an id of about, and go there when you click on the a tag. Yours is almost working, i am just wondering if HTML syntax is wrong somewhere.


#8

Yes, the validator has other issues, like the “for” label…


#9

That is totally brilliant!

Thank you so much!

I love the changes you made, and it makes sense now :blush:


#10

Yes, I think there is definitely some changes I still need to make.

Thank you for sending me in the right direction.