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 solutiong with css grid and an animation for the menu

Ricardo 440

@ricardo1003

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 proud of the responsive layout I made for the page and also for the animation I did for the menu on mobile.

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

My main challenges were making the page responsive, and adding an animation to the mobile menu to make it look better. I tried to make it responsive using grid properties, but that didn't worked so I just used some media queries. On the other hand, making the animation for the menu was kinda tricky, and I had to make like 5 animations so everything works well.

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

I would like to see if there was other ways of doing it responsive without media queries, or just see if there is something i could have done better and I can learn for future projects.

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