Feedback on my Technical Documentation Page

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

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.

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).