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

Mobile First News Homepage Site

P
Shaun Pour 630

@ShaunPour

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


Overall, this did accomplish what I set out to do but there are three things worth mentioning.

First, the bottom of the page has some excessive whitespace so if you have any suggestions for dealing with that, I would appreciate it.

Second, as things stand, the color of the main page on mobile when the menu drawer is active does not match what is on the design.

Third, currently there is no animation for the menu drawer to fade in and out so it just snaps into and out of existence which is rather jarring. I may fix that eventually but it wasn't enough of an issue to delay posting this here, quite honestly.

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