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 Landing Page using CSS Grid layout

@samzyconcepts

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


Hi there 👋🏿, I'm Samson and this is my solution to this challenge

Question:

  • Is there another way to do the mobile navigation animation?

Any feedback on how I can improve and reduce unnecessary code is welcome!

Thank you. 😊✌️

Community feedback

@raahim21

Posted

hello Sir, I see that you have worked hard to make this, however. You can make it more responsive by adding display flex instead of grid in the last three photo container,

  1. Add display: flex; and flex:wrap; to the last three cards' parent container then add the properties like flex-basis and max width to the cards in the parent container,
0

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