Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

responsive homepage with a responsive dashboard menu

P
Edidiong 580

@ScarAgathor

Desktop design screenshot for the News homepage coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

I am most proud of my use of the clamp function to make the margins, padding and font sizes more responsive. I recently discovered the clamp function and its been really helpful. I am also proud that I was able to reach a decent responsive layout without using media queries as I am trying to rescue my reliance on media queries for responsive layouts.

What challenges did you encounter, and how did you overcome them?

Mainly making the variuos columns respond properly but I used a lot of flex wraps and max widths to accomplish this.

What specific areas of your project would you like help with?

I would like advice on making the keyboard ignore the content behind the overlay when the movbile menu is active while using the keyboard top navigate the page.

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord