Technical documentation - flexbox

Hello everyone,

This is almost done! I spent too much time on this. It could be improved a little more but decided to leave it as it is. I used Inkscape to create the images and they can be found on my GitHub page. :wink:

I’d really appreciate your comments/suggestion on this. :heart:

https://codepen.io/Pendar-/full/pobmbjq

Hi @Pejman!

I think your page looks good. The only thing that I noticed was when I resized the browser window to be smaller the navbar disappears completely. It is not obvious to click on the title to open up the navbar.

Other than that I like the project.

Happy coding!

1 Like

Your page looks good @Pejman. Some thing to revisit;

  • Run your HTML code through the W3C validator.
    • There are HTML coding errors you should be aware of and address.
    • Since copy/paste from codepen you can ignore the first warning and first two errors.
1 Like

Hey @jwilkins.oboe,

Really good point. I added the cursor: pointer; to that element. It’s now better. maybe I need to add a menu icon to make it more obvious.

Thank you again :heart:

Hey @Roma,

Thank you for your time :heart:. I’ll do that :wink:

Hi, your page looks very nice and informative. It can even be used as cheat sheet for yourself like your references. :smiley:

1 Like

Thank you @ozukoc, ;). I wanted it to be more about 2-D flexbox since there’re fewer tutorials about this. I’m going to work on that a little more ;).

Nice work out there, happy coding!

1 Like