# Technical Documentation Page Help

**URL:** <https://forum.freecodecamp.org/t/technical-documentation-page-help/352780>\
**Category:** General\
**Created:** [February 23, 2020, 3:38pm UTC](https://forum.freecodecamp.org/t/technical-documentation-page-help/352780 "2020-02-23T15:38:51Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![fakerbz](https://avatars.discourse-cdn.com/v4/letter/f/13edae/32.png) [@fakerbz](https://forum.freecodecamp.org/u/fakerbz)\
**Post date:** [February 23, 2020, 3:38pm UTC](https://forum.freecodecamp.org/t/technical-documentation-page-help/352780/1 "2020-02-23T15:38:51Z")

</div>

Heyy i really can’t pass the test and i don’t know whyyy  
[the code pen](https://codepen.io/fakerbz/pen/JjdbQmo)

---

<div class="post-metadata">

**Author:** ![lasjorg](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/lasjorg/32/280761_2.png) [@lasjorg](https://forum.freecodecamp.org/u/lasjorg)\
**Post date:** [February 23, 2020, 4:33pm UTC](https://forum.freecodecamp.org/t/technical-documentation-page-help/352780/2 "2020-02-23T16:33:08Z")

</div>

The section header text, section `id` and the `href` that links to it should all use the same text.

Example:

```auto
<a class="nav-link" href="#What_you_should_already_know" >What you should already know</a>

<section class="main-section" id="What_you_should_already_know">
  <header>
    <h2>What you should already know</h2>
  </header>
</section>

```

---

<div class="post-metadata">

**Author:** ![michaelsndr](https://avatars.discourse-cdn.com/v4/letter/m/ecd19e/32.png) [@michaelsndr](https://forum.freecodecamp.org/u/michaelsndr)\
**Post date:** [February 23, 2020, 4:34pm UTC](https://forum.freecodecamp.org/t/technical-documentation-page-help/352780/3 "2020-02-23T16:34:04Z")

</div>

Hi fakerbz,

The failing test says:

> 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.

And later it gives an example:

> The `<section>` that contains the header, “JavaScript & Java”, should have a corresponding id=“JavaScript\_&\_Java”

In the context of the code this would look like:

```auto
    <section class="main-section" id="JavaScript_&_Java">
        <header><h2>JavaScript & Java</h2></header>

```

Can you spot the pattern and apply it to your project?  
(No extra spaces, and \_ for legit spaces between words)

Hint: when you change your IDs it will break your navigation, so you have to update them there as well.

If you have more questions, please feel free to ask.

---

<div class="post-metadata">

**Author:** ![Sky020](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/sky020/32/128093_2.png) [@Sky020](https://forum.freecodecamp.org/u/Sky020)\
**Post date:** [February 23, 2020, 4:49pm UTC](https://forum.freecodecamp.org/t/technical-documentation-page-help/352780/4 "2020-02-23T16:49:34Z")

</div>

I have moved your post into a more suitable sub-forum.

---

<div class="post-metadata">

**Author:** ![fakerbz](https://avatars.discourse-cdn.com/v4/letter/f/13edae/32.png) [@fakerbz](https://forum.freecodecamp.org/u/fakerbz)\
**Post date:** [February 23, 2020, 5:26pm UTC](https://forum.freecodecamp.org/t/technical-documentation-page-help/352780/5 "2020-02-23T17:26:32Z")

</div>

Thank u 😍  
one last thing what is the problem with my grid

 ![dd](https://global.discourse-cdn.com/freecodecamp/original/3X/e/9/e9d9ac7618486671e09ec7d25e1e31ed89c0f939.png)

---

<div class="post-metadata">

**Author:** ![lasjorg](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/lasjorg/32/280761_2.png) [@lasjorg](https://forum.freecodecamp.org/u/lasjorg)\
**Post date:** [February 23, 2020, 6:36pm UTC](https://forum.freecodecamp.org/t/technical-documentation-page-help/352780/6 "2020-02-23T18:36:46Z")

</div>

That is a pretty cool feature, wonder when that was added. Firefox has really good CSS Grid dev tools.

Anyway, it’s because of `position: fixed` on the element. The element is taken out of normal document flow and can’t be placed using grid item placement.

[https://jsfiddle.net/67rxfe4t/](https://jsfiddle.net/67rxfe4t/)

---

<div class="post-metadata">

**Author:** ![fakerbz](https://avatars.discourse-cdn.com/v4/letter/f/13edae/32.png) [@fakerbz](https://forum.freecodecamp.org/u/fakerbz)\
**Post date:** [February 23, 2020, 11:51pm UTC](https://forum.freecodecamp.org/t/technical-documentation-page-help/352780/7 "2020-02-23T23:51:44Z")

</div>

Thank you all i had completed the certificate already thank you guys for the help i appriciate that alot ❤

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [June 1, 2021, 7:35pm UTC](https://forum.freecodecamp.org/t/technical-documentation-page-help/352780/8 "2021-06-01T19:35:13Z")

</div>