Feedback on my Technical Documentation Page

Code Feedback
1

Please let me know if there are any wrong details.
Thank you in advance.

2

hi @chris.3

i suggest to start using the built in html and css analyze tool to find coding errors, before you validate the html to w3c validator.

there some coding errors.

3

Your page looks good @chris.3. Some things to revisit;

  • Run your HTML code through the W3C validator.
    • Since copy/paste from codepen you can ignore the first warning and first two errors.
    • There are HTML coding errors you should address.
  • Don’t use <br> to force line breaks or spacing. That’s what CSS is for.
    • Nest multi-line <code> snippets in <pre> </pre> tags in HTML to preserve whitespace and line breaks. Or you could do
code {
  white-space: pre-line;
}

in CSS and skip the <pre> tag in HTML.

  • Make your page responsive. On smaller screens there’s a horizontal scrollbar, the content container doesn’t resize.
    • Consider moving the navbar to the top on smaller screens. The user story says it has to be on the left for regular sized screens (meaning laptops and desktops).