Web designer-documentation page

I’m stuck on 13 and 14 here, and been trying and researching for an hour. I don’t know what I am doing wrong. Can someone please help me out?

Hi @Aurora_Code !

Welcome to the forum!

It would help us to see your project link so we can see the code and tests.

What do the failing messages say?

Thank you and sorry, I forgot to post the link; just edited.
for 14, it says: Left of bounding rectangle is not correct.: expected 8 to be at most -236.4000244140625

for 13, it says: Every .nav-link should have an href value that links it to its corresponding .main-section (e.g. href="#Introduction"). Check that these .main-section ids…

I would just focus on number 13 for now.

The first thing I would do is delete all of this because it uses duplicate ids.

  <div id ="info">
<Section id="this_is_the_header_for_section_1"></section>
<Section id="this_is_the_header_for_section_2"></section>
<Section id="this_is_the_header_for_section_3"></section>
<Section id="this_is_the_header_for_section_4"></section>
<Section id="this_is_the_header_for_section_5"></section>
  </div>

The next thing is that you have to make sure that the headers and id values match.

For instance, here is the correct example

  <section class="main-section" id="paragraph_1">
    <header>paragraph 1</header>
<a href="#paragraph_1" class="nav-link">paragraph 1</a>

You will need to go through and clean all of those up.

Hope that helps!

1 Like

That helped me out with both 13 and 14, thank you very much

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