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

Mix layout of css grids and flex-boxes with responsiveness in mind

Aniket 80

@aniket-codeheaven

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


The question I'm facing here is what to do with general layout of the page at around 1000px window width, as the design provided is for 1440px window width. Any advices would be appreciated!

Community feedback

Tim 200

@animalchin45

Posted

Your mobile layout is responsive. The mobile layout for this challenge works with a tablet size as well. I would add an extra breakpoint at 1000px and then switch out the hero image at a smaller breakpoint. I've looked at these challenges as the layout should match at the window widths specified in the documentation while being able to adapt to widths in between.

Marked as helpful

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