Design comparison
Solution retrospective
Any feedback would be a great help.
Community feedback
- @PhilC7Posted over 3 years ago
Thanks for the feedback AgataLibreska.
I'll be sure to experiment more with media queries and extra screen sizes. This is my first time using grid layouts in a real project but I'll get there eventually :).
0 - @AgataLiberskaPosted over 3 years ago
Hi @PhilC7, well done on spacing the elements in this challenge!
The only thing I would do is change your media query. At the moment your design goes from column to grid at 600px and that's not enough to fit the whole grid on the screen. As things are, I would change that breakpoint to 1200px and then maybe set a max width on the container for the column layout, so it doesn't stretch too much.
You could also add an extra layout for medium-size screens - maybe place that long card on the right in between the two rows? There's definitely ways to play around with it :)
Hope this helps :)
0
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