# Technical Documentation Page Feedback Please!

**URL:** <https://forum.freecodecamp.org/t/technical-documentation-page-feedback-please/227319>\
**Category:** I Built This\
**Created:** [September 16, 2018, 5:17pm UTC](https://forum.freecodecamp.org/t/technical-documentation-page-feedback-please/227319 "2018-09-16T17:17:22Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![akmalist](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/akmalist/32/100541_2.png) [@akmalist](https://forum.freecodecamp.org/u/akmalist)\
**Post date:** [September 16, 2018, 5:17pm UTC](https://forum.freecodecamp.org/t/technical-documentation-page-feedback-please/227319/1 "2018-09-16T17:17:22Z")

</div>

Hi guys,

Can i have feedback on my doc page?

Much appreciated.

[https://codepen.io/akmalist/pen/GXXQmd](https://codepen.io/akmalist/pen/GXXQmd)

---

<div class="post-metadata">

**Author:** ![katieyang](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/katieyang/32/61484_2.png) [@katieyang](https://forum.freecodecamp.org/u/katieyang)\
**Post date:** [September 16, 2018, 6:03pm UTC](https://forum.freecodecamp.org/t/technical-documentation-page-feedback-please/227319/2 "2018-09-16T18:03:09Z")

</div>

The horizontal scroll bar at the bottom seems to make the contents of the page go straight into the sidebar:

 ![image](https://global.discourse-cdn.com/freecodecamp/original/3X/9/7/970be2ab606a09657dfdea44e68fc39b912e8c74.png)

The left sidebar is also not completely showing up on my screen. (It’s a bit cut off at the bottom.)

---

<div class="post-metadata">

**Author:** ![Sujith3021](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/sujith3021/32/94202_2.png) [@Sujith3021](https://forum.freecodecamp.org/u/Sujith3021)\
**Post date:** [September 16, 2018, 6:55pm UTC](https://forum.freecodecamp.org/t/technical-documentation-page-feedback-please/227319/3 "2018-09-16T18:55:46Z")

</div>

Hi @akmalist

Your page looks good in desktop 🙂

Doing the project and passing the test might be first priority, but once you pass it, you can try many new things on your page, major thing is, you miss responsiveness here. You can convert this to all devices, through that you will gain some more knowledge.

I wanted to point out the same as @katieyang did, and i would like to suggest some.

Since you have given your `#main-doc` an absolute positioning, when the link is clicked the content is showed and also it overlaps the navbar.

> 1. Remove the `position: absolute` from `#main-doc` and

> 1. Apply overflow-x: scroll to the `code` ( because after you do the first step, horizontal-scrollbar appears since the `code` block in your `Attribute Selectors` section overflows

> 1. Give your `#navbar`, top and bottom to 0 and apply overflow-y to scroll, to make it scrollable.

---

<div class="post-metadata">

**Author:** ![akmalist](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/akmalist/32/100541_2.png) [@akmalist](https://forum.freecodecamp.org/u/akmalist)\
**Post date:** [September 18, 2018, 8:18pm UTC](https://forum.freecodecamp.org/t/technical-documentation-page-feedback-please/227319/4 "2018-09-18T20:18:46Z")

</div>

Thanks @Sujith3021 and @katieyang for your suggestions.

---

<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, 1:44pm UTC](https://forum.freecodecamp.org/t/technical-documentation-page-feedback-please/227319/5 "2021-06-01T13:44:00Z")

</div>

Closed on June 1, 2021, 1:44pm UTC