Assessment Required for Responsive Web Design assessment

Link to the Assessment page: https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/rwd_skills#assessment_or_further_help

My Work: Test your skills: Media Queries and Responsive Design (codepen.io)

The only part I had a problem with the navigation bar, I used absolute positioning to move it to the right side, considered turning the ul in to a float, or making the ul the same size as the header container and then moving the ul using justify-content and align-content, but this seemed the easiest way.

Which way would be the most efficient or popular way of doing this?

Another version but this time using flex on the header:
Test your skills: Media Queries and Responsive Design v2 (codepen.io)

Hi @Assad_Newar

Great job on this task! :clap:

I think you answered your question with version 2 yourself. Flexbox is the easiest and cleanest way for the nav.

Keep up the good work and have a nice weekend,
Michael

2 Likes

Thanks for clearing that up! Have a great weekend too!

2 Likes