My Technical Doc Page - Feedback

My Technical Doc Page - Feedback
0

I made a short one on Flexbox. Thoughts? Opinions? Criticisms? Thanks!

https://codepen.io/SpaceCatInD/full/wLrXNY

It looks pretty good! The code formatting is a bit messed up, but not a huge issue. A major issue is:
It’s not responsive:


First thing: Go to pen settings, html, Insert the most common viewport meta tag, and save & close.
Second thing: Add media queries to adjust things for mobile…

See this post on testing things on mobile:

Hope this helps! :innocent:

2 Likes

Hi @SpaceCatInd, your page looks good but there’s a couple of things you need to revisit.

  • as mentioned, it’s not responsive. You shouldn’t have a hard time reconciling that.
  • codepen provides validators for HTML, CSS and JS. Click on the down arrow in the upper right of each section and then click on the respective ‘Analyze’ link. In HTML, you have the <pre> and <code> elements reversed.
1 Like

Thank you for this! I didn’t realize those elements we’re reversed.

1 Like

Thanks for this. I made some edits to improve the responsiveness, but there’s still this extra space on the left side for reasons I can’t seem to figure out, but hey! it fits without cramming the navigation into the content. That video was helpful as well. Thanks again!

2 Likes

Looks good now! I’d say it has a nice, clean design.

1 Like

I still have so much to learn but I think I’m finally getting there. Thank you again for your help.

1 Like