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 News Homepage

Manav 390

@manav-sharma69

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?

Take more time to style the layout in tablet viewport width better.

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

Designing the hamburger UI element for the first time was a bit challenging - I was confused whether to use `` element for it or not (as I could use the :backdrop CSS pseudo-class and it automatically makes the rest of content inert when using showModal()). But I ended up not using it.

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

I would like to know if using `` element would have been a better choice. Also, any other feedback or if you find any mistakes or bad practices, I would be grateful to learn from you.

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