Here’s my attempt at the technical documentation page:
This is for the Responsive Web Design Projects - Build a Technical Documentation Page.
I used Flexbox to position the vertical navbar and main content container side-by-side. I’m not sure if this is the best way of achieving this, but it would have been ironic to do a technical documentation page on Flexbox and then not actually use Flexbox
I also discovered the benefits of using a markdown editor for this challenge!
As usual, any feedback would be greatly appreciated. Thanks!
I like the way images getting smaller with the width. You have also did good work with font, font-size and line-height. as it’s Documentation page, font and readability matters a lot.
Good Job there.
You have achieved good page in laptop size.
The only thing you need to work on is make it mobile friendly. Right now, at mobile size when topics sidebar goes to top. I would like you to go out of the scope of the challenge and just to learn more, explore how you can make something like this (reduce browser width and check what happen with side bar in this docs) which can toggle Side bar for mobile device.
It’s not that hard and I know you can do it.
This is just out of the scope suggestion, if you do not want to do it now, you will going to learn these thing in JS. So, it’s cool.
Keep going, I would be happy to see more such good works from you.
Thanks @munaffazlani, I appreciate the feedback and support.
I think might try the burger button nav-menu in the next challenge, which is for a portfolio page and then perhaps revisit the technical documentation page.