# Feedback for Technical Documents page Please!

**URL:** <https://forum.freecodecamp.org/t/feedback-for-technical-documents-page-please/354203>\
**Category:** I Built This\
**Created:** [February 28, 2020, 7:00am UTC](https://forum.freecodecamp.org/t/feedback-for-technical-documents-page-please/354203 "2020-02-28T07:00:56Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![Shweta1992](https://avatars.discourse-cdn.com/v4/letter/s/7bcc69/32.png) [@Shweta1992](https://forum.freecodecamp.org/u/Shweta1992)\
**Post date:** [February 28, 2020, 7:00am UTC](https://forum.freecodecamp.org/t/feedback-for-technical-documents-page-please/354203/1 "2020-02-28T07:00:56Z")

</div>

Hello Everyone,

I want your feedback on my Technical documentations page.  
here is the URL please let me know [https://codepen.io/ShwetaMudgil/pen/JjdWyqE](https://codepen.io/ShwetaMudgil/pen/JjdWyqE)

---

<div class="post-metadata">

**Author:** ![Roma](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/roma/32/112899_2.png) [@Roma](https://forum.freecodecamp.org/u/Roma)\
**Post date:** [February 28, 2020, 2:00pm UTC](https://forum.freecodecamp.org/t/feedback-for-technical-documents-page-please/354203/2 "2020-02-28T14:00:23Z")

</div>

@Shweta1992, I don’t mean to be harsh but there’s nothing here to review. Other than adding some color to the headers the HTML & CSS are copies of the sample project.

The sample projects are just that, samples. They should be used to show you one way the project can be done. It says yours should be functionally similar to and to give it your own style.  
Try picking another subject like HTML, CSS, Markdown, etc and start with a blank page and do your own coding.

---

<div class="post-metadata">

**Author:** ![Shweta1992](https://avatars.discourse-cdn.com/v4/letter/s/7bcc69/32.png) [@Shweta1992](https://forum.freecodecamp.org/u/Shweta1992)\
**Post date:** [February 29, 2020, 5:08am UTC](https://forum.freecodecamp.org/t/feedback-for-technical-documents-page-please/354203/3 "2020-02-29T05:08:50Z")

</div>

Thank you for your feedback @Roma  
You didn’t harsh me 🙂. I really appreciate you time.

I didn’t copy HTML, CSS. I have written my own but I agreed that I haven’t change much .

I will try to change and add something more and post again please give your feedback again.

Appreciate .

---

<div class="post-metadata">

**Author:** ![Evelyn67](https://avatars.discourse-cdn.com/v4/letter/e/5f8ce5/32.png) [@Evelyn67](https://forum.freecodecamp.org/u/Evelyn67)\
**Post date:** [February 29, 2020, 6:07am UTC](https://forum.freecodecamp.org/t/feedback-for-technical-documents-page-please/354203/4 "2020-02-29T06:07:28Z")

</div>

You seems technically strong can you please guide me how can I get certifications with good remarks in HTML & CSS. Actually I’m new one in this field. Currently I’m doing job for ClothingRIC.

---

<div class="post-metadata">

**Author:** ![Shweta1992](https://avatars.discourse-cdn.com/v4/letter/s/7bcc69/32.png) [@Shweta1992](https://forum.freecodecamp.org/u/Shweta1992)\
**Post date:** [March 2, 2020, 6:01am UTC](https://forum.freecodecamp.org/t/feedback-for-technical-documents-page-please/354203/5 "2020-03-02T06:01:43Z")

</div>

Evelyn Just follow the freecodecamp documentation and make a target You will surely get success.

---

<div class="post-metadata">

**Author:** ![Shweta1992](https://avatars.discourse-cdn.com/v4/letter/s/7bcc69/32.png) [@Shweta1992](https://forum.freecodecamp.org/u/Shweta1992)\
**Post date:** [March 2, 2020, 10:47am UTC](https://forum.freecodecamp.org/t/feedback-for-technical-documents-page-please/354203/6 "2020-03-02T10:47:40Z")

</div>

please have a look now!

---

<div class="post-metadata">

**Author:** ![Roma](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/roma/32/112899_2.png) [@Roma](https://forum.freecodecamp.org/u/Roma)\
**Post date:** [March 2, 2020, 8:51pm UTC](https://forum.freecodecamp.org/t/feedback-for-technical-documents-page-please/354203/7 "2020-03-02T20:51:15Z")

</div>

@Shweta1992

- On desktop, there’s a horizontal scrollbar. Part of your text overflows its container.
- On smaller screens, there’s a lot that overflows.
- On smaller screens, your nav ToC overflows the text of the page making both hard to read
- You may have the ‘Roboto’ font loaded on your machine. I do not so I’m seeing the default sans-serif. You’ll need to either link or import the font for users to see your page the way you’ve styled it.
  - I can’t tell why but your section ‘Variables’ has a different font styling then the rest of your sections.

- Run your HTML code through the [W3C validator](https://validator.w3.org/). Just copy your HTML and paste it into the ‘Validate by Direct Input’ tab.
  - The first three you can ignore since you cut/paste from codepen. Wanted you to be aware of the other warnings. They show because the code is using semantics and there’s a flow that semantics follows. Maybe you can get rid of the warnings.

- In your CSS, this is not doing anything `span.js` and `span.js:hover`. If you just have the js class I think that’s what you’re going for.

---

<div class="post-metadata">

**Author:** ![Shweta1992](https://avatars.discourse-cdn.com/v4/letter/s/7bcc69/32.png) [@Shweta1992](https://forum.freecodecamp.org/u/Shweta1992)\
**Post date:** [March 3, 2020, 11:44am UTC](https://forum.freecodecamp.org/t/feedback-for-technical-documents-page-please/354203/8 "2020-03-03T11:44:37Z")

</div>

Thank you so much!  
I have fixed these issues.

---

<div class="post-metadata">

**Author:** ![Roma](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/roma/32/112899_2.png) [@Roma](https://forum.freecodecamp.org/u/Roma)\
**Post date:** [March 3, 2020, 12:58pm UTC](https://forum.freecodecamp.org/t/feedback-for-technical-documents-page-please/354203/9 "2020-03-03T12:58:05Z")

</div>

Everything looks a lot better @Shweta1992. Just a couple of things.  
On smaller screens there are a couple of lines in `<code>` that overflow. You can look into that later.  
Be sure you include the test script (`<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>`) when you submit your project.

---

<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:39pm UTC](https://forum.freecodecamp.org/t/feedback-for-technical-documents-page-please/354203/10 "2021-06-01T13:39:57Z")

</div>

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


