Flexbox Technical Documentation Feedback

I’m starting to practice how to make my websites more responsive. All feedback is appreciated!

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

  • overflow-x: hidden; will completely hide anything that extends outside its container element horizontally. It’s recommended to not do this, and refactor your CSS to be more responsive - otherwise it is possible for your site to appear to be missing content.

A suggestion, try moving the nav to the top of the page on smaller screens rather than squishing it to the side.
The user story says On regular sized devices (laptops, desktops), the element with id="navbar" should be shown on the left side of the screen and should always be visible to the user. Smaller screens are not regular sized devices.

Hi Roma! Thanks for the feedback.

I’ve made overflow-x: auto;

Also, I have no idea how to move the navbar from side to top. Any suggestions? Thanks in advance.

With a media query. At what break point would it look good to have that nav move from the side to the top?
To help with responsiveness start by styling for a narrow view port first. Narrow your browser as far as it will go and style the page so it looks good at that narrow width. Then gradually widen your browser and use CSS media query break points to adjust the style for wider view ports if needed.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.