Any feedback on my Documentation page is very welcome!

Hey everyone, spend this sunday on my documentation page. So far, I haven’t encountered any errors. If you see any flaws or possible improvements, please let me know!

https://codepen.io/segerkers/full/oNYgXrK

Hi @segerkers !

I think your page looks good.

Keep up the good work!

Your page looks good @segerkers. Some things to revisit;

  • Keep the test script when forking the pen (<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>)
    • The test script should be included, with all tests passing, when you submit your projects.
  • Codepen provides the boilerplate for you. It only expects the code you’d put within the body element in HTML. (No need to include the body tags). For anything you want to add to the <head> element click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for <head>’ box.
    • For instance links to fonts go in the box labeled ‘Stuff for <head>’
  • Run your HTML code through the W3C validator.
    • There are HTML coding errors you should be aware of and address. (The HTML character entities are written incorrectly)
    • Since copy/paste from codepen you can ignore the first warning and first two errors.
  • Make your page responsive. Remember, the R in RWD stands for Responsive
    • There’s a horizontal scrollbar on large and small screens

On a side note, you can nest multi-line <code> snippets in <pre> </pre> tags in HTML to preserve whitespace and line breaks.
Or skip the pre element and do the following in CSS;

code {
  white-space: pre-line;
}

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