Take The Red Pill and Give Feedback - Technical Documentation Page

Hi everyone,

Please check out my CSS Technical Documentation Page and give feedback. I had some fun making this one, which I didn’t expect when I started the page. Once I got the color scheme in mind, I enjoyed the process.

I tried my best to make a boring thing into something more enjoyable.

Thank you for your feedback.

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

  • 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.
  • Group all your like media queries together rather than scattering them throughout the stylesheet.
    • It will make future maintenance a lot easier
  • User’s are not seeing your page the way you want them to. Most won’t have ‘Libre Baskerville’ loaded on their computer and you neither link to it (head element in HTML) or import it (CSS).

Thanks for your feedback, as always @Roma.

Having all the media queries grouped together makes sense, great tip!