Design comparison
Solution retrospective
In this challenge I experimented quite a bit w grid layout. Making the image grid responsive was tougher than I thought, so I'd really appreciate any suggestions how to better go about it.
Thank you :)
Community feedback
- @ChamuMutezvaPosted almost 3 years ago
Hi Stefan.
Well done , you did well on this project:
- take note that the design sizes (375px, 768px and 1440px) are by no means an indication of media queries , apply media queries as usual but keeping it as close as possible to the provided designs. For example the desktop design will not show on most computers due to the fact that they have a resolution of about 1366px, where as your break point is at 1440px.
Marked as helpful0@stfnpczkPosted almost 3 years agoHello @ChamuMutezva ,
thank you so very much for your feedback.
Here in this challenge, I used the explicit width from the design, which is why I had to stick with 1440px as breakpoint, for the grid layout not to fall apart.
You're right, it would have been better to include those with smaller screen sizes for desktop view. I try to better account for that in the next challenge :)
Have a good one
0 - @optimusprime202Posted almost 3 years ago
Hey @stfnpczk, This is the best ever.
Marked as helpful0 - @benjoquilarioPosted almost 3 years ago
Hey Stefan
I really like your solution 😄.
I don't have any suggestion as your solution is already great.
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin 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