Techincal documentation page

that is one test you are passing, but there are several others you are not

if you need help with specific tests maybe say which ones?

The technical documentation one I can’t link you nor give you more information because
I can only acces the forums and my profiele at this moment
this is what happens when i try to open anything else here this happens:

you have the test suite on codepen, you can find the user stories you are not passing from there, can’t you?

yes you are right with that but i only want help with number 4 which i did try to explain as briefly as i could and is the one i want a hints into

The others none succefull ones i want to figure out myself :3 as a wise magical girl ones said to me.

“Wouldn’t be much better if you managed to arrive to the solution on your own instead of copy pasting?”

It looks like you removed to test suite script. I suggest you put this at the beginning of your HTML file to be able to run the test suite:

<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>

Then you will be able to run the test suite and see what is failing.

Here is a posting about setting up and using the test suite:

thanks i removed that link temporary because the test suite got in my way once i tried to small everything down to see how the img would react.

I don’t know which one is number 4, you can copy & paste the whole text of the user story here so we know what you need help with (which you can see in the test suite after running tests)…
I don’t want to give you the solution, but I need to know what you need help with to give you any hint

there you go then: ## 4. Each element with the class of “main-section” should also have an id comprised of the innerText contained within it, with underscores in place of spaces. The id may include special characters if there are special characters in the respective innerText. (e.g. The that contains the header, “JavaScript & Java”, should have a corresponding id=“JavaScript_&_Java”).

I think your issue start with the fact that there is not an header element inside your section element

But if i add a header inside the section then it doesn’t help it either
this is what i did

 <section class="main-section" id="getting_a_bunny"> <-- section begins
    <header id = "main"> <-- header now is inside<--
</header>
<ol>
  <li><a class="active" href="#is_a_bunny_right_for_me">Is a bunny right for me?</a></li>
  <li><a href="#what_do_bunny_eat?">What do bunny's eat</a></li>
  <li><a href="#materials">What materials do I need for my bunny?</a></li>
  <li><a href="#house">Is my house bunny proof?</a></li>
  <li><a href="#where">Where do I get a bunny</a></li>
</ol>
  </section> <--- section ends 

Edit: This post is based on the link in the first post. Please link to the current pen you are working on if that isn’t it.

  1. You are missing the do_i_like_bunny? section.

  2. The id value on each of the .main-section elements and the header text inside needs to be the same. Like what you have for the first section (how to take care of a bunny).

  3. You can’t have the last unfinished .main-section section (bunny_are_also) because the test will look at it and not find a header element.

To make this process simpler and easier to keep track of, I would suggest using the same text.

Example for the first link and section:

<li><a class="nav-link" href="#is_a_bunny_right_for_me?">Is a bunny right for me?</a></li>

<section class="main-section" id="is_a_bunny_right_for_me?">
  <header>Is a bunny right for me?</header>
  ...rest of content
</section>
1 Like

Thanks lasjorg I will try it <3

Alright I followed the tips
https://codepen.io/maria-hoek/pen/mddrVjJ?editors=1100
is the result now :3

the tests say:

All headers must contain text


<!--list starts here-->
  <section class="main-section" id="getting_a_bunny">
    <header id = "main">
</header>

you will need to delete this header element, or use it

alrightio i will add some text to it then
doesn’t fix it but now it has text

<header id = "main">
      getting a bunno
</header>

Test #2:

The #getting_a_bunny section is outside of main, so it can’t have the main-section class on it. Use a different class name if you need a class, or just remove that class. It also should be a nav element with the id navbar.

<section class="main-section" id="getting_a_bunny">
...rest
</section>
<nav class="someOtherClass" id="navbar">
...rest
</nav>

Test #4:

It is a bit of an odd requirement and the wording on the test isn’t that great.

Each <section> element with the class of “main-section” should also have an id comprised of the <header> innerText contained within it, with underscores in place of spaces.

It goes like this.

A). Whatever the href value is, the corresponding section id has to match.
B). Whatever the section id is, the corresponding header text has to match.

So, you can’t have this:

<li><a href="#house">Is my house bunny proof?</a></li>

<section class="main-section" id="house">
  <header>Is my house bunny proof?</header>
</section>

It should be this:

<li><a href="#is_my_house_bunny_proof?">Is my house bunny proof?</a></li>

<section class="main-section" id="is_my_house_bunny_proof?">
  <header>Is my house bunny proof?</header>
</section>

If you just do exactly what you did for the first link and its corresponding section and header to the rest of the links and sections/headers you should pass test #4.

You obviously have more tests that needs to pass but this is a start for tests 2 and 4.

1 Like

Alright I tried and followed the instructions

test 2 passes now
i removed the class altogether and changed it into a navbar it works

test 4 is still failing me
but they now all have the correpsonding IDs to match and the header text also seem to do so. I copy pasted them and checked them onto errors
https://codepen.io/maria-hoek/pen/mddrVjJ?editors=1100

the section id needs to match exactly, including every letter, including case

they do not match in most cases

example:


<section class="main-section" id="do_i_like_bunny?"> <header>Do I like a bunny?</header></section>

the id should be Do_I_like_a_bunny?

also, in a section you should not have only the header but also the paragraphs related to that, in this way you are linking the paragraphs to their header

1 Like

The id value does not have to match the case of the header text, but all the letters do have to match (i.e. the missing a is needed).

Also, the id value has to match the case of the related href value so if you do change the id you also have to change the href (otherwise the link will break).

1 Like