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 using Flexbox and Grid

@CamronWithrow

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


I had some difficulty choosing a breakpoint for the mobile vs desktop display in particular, since small images at the bottom of the page stretch quite a lot. Is there a nice way to preserve the images aspect ratio across different screen sizes while maintaining the relative division between the image and the text in those boxes?

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