# Technical Documentation Page project

**URL:** <https://forum.freecodecamp.org/t/technical-documentation-page-project/295911>\
**Category:** General\
**Created:** [July 17, 2019, 1:03am UTC](https://forum.freecodecamp.org/t/technical-documentation-page-project/295911 "2019-07-17T01:03:36Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![LauS1020](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/laus1020/32/57162_2.png) [@LauS1020](https://forum.freecodecamp.org/u/LauS1020)\
**Post date:** [July 17, 2019, 1:03am UTC](https://forum.freecodecamp.org/t/technical-documentation-page-project/295911/1 "2019-07-17T01:03:36Z")

</div>

Hi I have passed 11 of tests for this project just cant figure out this 5 that are left, here is a link to my project:  
[https://codepen.io/LauS1020/pen/XLLZLa](https://codepen.io/LauS1020/pen/XLLZLa), any examples of what I need to do to pass these would be great please.

## 3. The first element within each .main-section should be a element which contains text that describes the topic of that section.

## 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”).

## 10. Additionally, the navbar should contain link () elements with the class of “nav-link”. There should be one for every element with the class “main-section”.

## 12. Each element with the class of “nav-link” should contain text that corresponds to the text within each (e.g. if you have a “Hello world” section/header, your navbar should have an element which contains the text “Hello world”).

## 13. When I click on a navbar element, the page should navigate to the corresponding section of the “main-doc” element (e.g. If I click on a “nav-link” element that contains the text “Hello world”, the page navigates to a element that has that id and contains the corresponding .

Thank you.

---

<div class="post-metadata">

**Author:** ![hatbearingoctopus](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hatbearingoctopus/32/109747_2.png) [@hatbearingoctopus](https://forum.freecodecamp.org/u/hatbearingoctopus)\
**Post date:** [July 17, 2019, 2:23am UTC](https://forum.freecodecamp.org/t/technical-documentation-page-project/295911/2 "2019-07-17T02:23:15Z")

</div>

I found it helpful to look through a dozen or more examples of others work when I did these projects. Both for styling inspiration as well as to see how others structure their code. If it’s helpful to look through a passing example feel free to check my codepen out: [https://codepen.io/hatbearingoctopus/pen/WPWWwG?editors=1100](https://codepen.io/hatbearingoctopus/pen/WPWWwG?editors=1100)

---

<div class="post-metadata">

**Author:** ![LauS1020](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/laus1020/32/57162_2.png) [@LauS1020](https://forum.freecodecamp.org/u/LauS1020)\
**Post date:** [July 17, 2019, 10:09am UTC](https://forum.freecodecamp.org/t/technical-documentation-page-project/295911/3 "2019-07-17T10:09:20Z")

</div>

@hatbearingoctopus thank you 🙂

---

<div class="post-metadata">

**Author:** ![Ikhal](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ikhal/32/131444_2.png) [@Ikhal](https://forum.freecodecamp.org/u/Ikhal)\
**Post date:** [February 3, 2020, 2:49am UTC](https://forum.freecodecamp.org/t/technical-documentation-page-project/295911/4 "2020-02-03T02:49:34Z")

</div>

this just saved my day thanks alot just discovered new stuff

---

<div class="post-metadata">

**Author:** ![germanbobadilla](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/germanbobadilla/32/152727_2.png) [@germanbobadilla](https://forum.freecodecamp.org/u/germanbobadilla)\
**Post date:** [May 24, 2020, 9:41am UTC](https://forum.freecodecamp.org/t/technical-documentation-page-project/295911/5 "2020-05-24T09:41:59Z")

</div>

I can’t figure out what’s run with my markup. Everything is according to plan; it looks like yours, but I still can’t pass two tasks.  
[https://codepen.io/germanbobadilla/pen/MWazxrp](https://codepen.io/germanbobadilla/pen/MWazxrp)

---

<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:** [January 16, 2021, 11:27am UTC](https://forum.freecodecamp.org/t/technical-documentation-page-project/295911/6 "2021-01-16T11:27:28Z")

</div>

Closed on January 16, 2021, 11:27am UTC