# Technical Documentation project feedback (and a little help?)

**URL:** <https://forum.freecodecamp.org/t/technical-documentation-project-feedback-and-a-little-help/498137>\
**Category:** I Built This\
**Created:** [February 22, 2022, 7:06pm UTC](https://forum.freecodecamp.org/t/technical-documentation-project-feedback-and-a-little-help/498137 "2022-02-22T19:06:09Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![RamiLT](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ramilt/32/247467_2.png) [@RamiLT](https://forum.freecodecamp.org/u/RamiLT)\
**Post date:** [February 22, 2022, 7:06pm UTC](https://forum.freecodecamp.org/t/technical-documentation-project-feedback-and-a-little-help/498137/1 "2022-02-22T19:06:09Z")

</div>

Well, my project is done. However, something is bugging me (two things, really).

First, when I initially ran my code through the validator, it didn’t find any errors. However, the codepen/FCC test found one, regarding user story 3. I had one h1 element as my main header (the name of the page, “JS Documentation”) and all the section titels as h2 elements. I had to change all the headers to “header” elements to pass the test (which is strange and also, when I run the code like this on the validator, it shows a warning, telling me that i should use h2 to h6 instead)

The other thing that definitely doesn’t look right is that, when I open my page through VSCode’s live server, it shows the full navbar, and there’s even some free space below it. But when i open it on codepen, and i think it’s because of that black bar on the top of the page, my navbar not only doesn’t show as it should, but also, as i didn’t make it to scroll vertically, i can’t see or access the last item in it.

here’s the page

> **[FCC Challenge: Technical Documentation page](https://codepen.io/ramiLT/full/QWOrKva)**
>
> ...

---

<div class="post-metadata">

**Author:** ![Slimattcode](https://avatars.discourse-cdn.com/v4/letter/s/8dc957/32.png) [@Slimattcode](https://forum.freecodecamp.org/u/Slimattcode)\
**Post date:** [February 22, 2022, 7:13pm UTC](https://forum.freecodecamp.org/t/technical-documentation-project-feedback-and-a-little-help/498137/2 "2022-02-22T19:13:43Z")

</div>

Hello @RamiLT ,

I can see all the items on your navbar. And you did program the navbar to scroll when there is not enough space, that’s what this part of your code does:

```auto
#navbar ul {
    overflow-y: auto;
    height: 80%;
}

```

I may be misunderstanding your question, if so please elaborate.  
I think it looks nice by the way. Good luck.

---

<div class="post-metadata">

**Author:** ![RamiLT](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ramilt/32/247467_2.png) [@RamiLT](https://forum.freecodecamp.org/u/RamiLT)\
**Post date:** [February 22, 2022, 11:04pm UTC](https://forum.freecodecamp.org/t/technical-documentation-project-feedback-and-a-little-help/498137/3 "2022-02-22T23:04:38Z")

</div>

At least here, when I open the page on Codepen, it looks a little bit different than whhen i open from VSCode on Chrome

I took two screenshots, one showing it opened on codepen and the other with it opened on directly on Chrome so you can see the difference.

 ![screen1](https://global.discourse-cdn.com/freecodecamp/original/3X/7/9/799965cddcbf66ca2345b587222db7cdf32f4fff.png)  
 ![screen2](https://global.discourse-cdn.com/freecodecamp/original/3X/6/1/61496fdfff6c7e29da2fbe9ec9330053ea2a1d35.png)

---

<div class="post-metadata">

**Author:** ![Mikael3211](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/mikael3211/32/296656_2.png) [@Mikael3211](https://forum.freecodecamp.org/u/Mikael3211)\
**Post date:** [February 23, 2022, 2:12am UTC](https://forum.freecodecamp.org/t/technical-documentation-project-feedback-and-a-little-help/498137/4 "2022-02-23T02:12:48Z")

</div>

Your page looks incredibly perfect, congratulations!

---

<div class="post-metadata">

**Author:** ![Slimattcode](https://avatars.discourse-cdn.com/v4/letter/s/8dc957/32.png) [@Slimattcode](https://forum.freecodecamp.org/u/Slimattcode)\
**Post date:** [February 23, 2022, 7:56am UTC](https://forum.freecodecamp.org/t/technical-documentation-project-feedback-and-a-little-help/498137/5 "2022-02-23T07:56:14Z")

</div>

Hello there,

I have found the problem. I search Google for: overflow-y not full height, and very quickly found the solution. Report back, if you need any extra help. Good luck.

---

<div class="post-metadata">

**Author:** ![RamiLT](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ramilt/32/247467_2.png) [@RamiLT](https://forum.freecodecamp.org/u/RamiLT)\
**Post date:** [February 23, 2022, 3:24pm UTC](https://forum.freecodecamp.org/t/technical-documentation-project-feedback-and-a-little-help/498137/6 "2022-02-23T15:24:37Z")

</div>

Thanks, @Mikael3211 !

@Slimattcode I managed to find a way to fix the problem and also make it look like i originally intended. I removed the overflow-y from the declaration, changed the max-height to 90vh and decreased the vertical padding of the li elements by 0.1em so everything looks cleaner. Now it doesn’t show a scrollbar when you open the page on a regular-sized screen (monitor/laptop). The scrollbar only appears wen you open it on a smaller screen;

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/freecodecamp/original/3X/e/1/e1c433102e34b46dfaa3e15d13ab9a514b127078.svg) [@system](https://forum.freecodecamp.org/u/system)\
**Post date:** [August 25, 2022, 3:25am UTC](https://forum.freecodecamp.org/t/technical-documentation-project-feedback-and-a-little-help/498137/7 "2022-08-25T03:25:19Z")

</div>

Closed on August 25, 2022, 3:25am UTC

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