Technical Documentation review feedback

Code Feedback
1

Hey everyone,

Here is my technical documentation.
https://codepen.io/berubenic/pen/NWNWOvx
Any feedback would be appreciated. The process of making this one went pretty well. Felt like I understood what I was doing but still googling lots of basic stuff.

Thank you.

2

Hey Nicholas,

great job so far!

My ideas:

  • when I decrease the width of my browser to a very narrow view, the content sticks to the border of the screen; I think some padding would increase the readability
  • in a slightly wider view, the link to General description of the product is pushed to the left, I think because the text is very long
  • you can get a code validation here by pasting your HTML code into the body; you will see some errors, but most of them are one recurring error and I think you are able to fix them!

Keep us posted and keep up the good work!

1 Like
3

@miku86 Thanks for the feedback!

Should I stop using codepen when trying to make my sites responsive? I made the layout at 320px making sure everything is fine and when I opened it up on my cellphone this morning, it was out of place.

4

I think codepen is a great tool.

Ultimately you want to find a way to make the site not look bad on most smartphones.
Practically you can’t make it look perfect on all smartphones, because of all the different models.

5

Hi @berubenic!

Some comments:

  1. I could not access your entire nav bar on normal layout, adding overflow: auto; on your nav solved the problem.

  2. And I think some padding in your responsive layout would be nice :smiley:

  3. And in my opinion, I think you should not let your menu always on the top of the page on your responsive layout, because the smartphone screens are smaller.