Project Feedback: Technical Documentation

Hi FreeCodeCamp community!

I was wondering if someone can take a look at my technical page - make sure the code is clean and if anyone has feedback to make it even better! Thanks and much appeciated!

code: https://github.com/cadakris/technical-webpage
live page: https://cadakris.github.io/technical-webpage/

Welcome back @cadakris. Your page looks good. 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.
    • Your page passes 13/16 user stories. Click the red button to see which test(s) are failing and text to help you correct the issue. (Be sure and read more than just the first line of the failing message.)
  • Run your HTML code through the W3C validator.
    • There are HTML coding errors you should be aware of and address.
  • This, </br>, is not a valid HTML element. That said, do not use the <br> element to force line breaks or spacing. That’s what CSS is for.
    • 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;
}
  • It’s hard seeing the text in the nav dropdown. White on yellow doesn’t provide enough contrast.