Design comparison
SolutionDesign
Solution retrospective
What challenges did you encounter, and how did you overcome them?
The biggest challenge was positioning cards with only grid on different screen sizes. I wanted to learn more using grid so I read some MDN articles to better understand how to use grid. Finally cards are on the right positions :)
Community feedback
- @Lara-artPosted 3 months ago
Heeey! 👋 Yeah, grid can be tricky at first, but I think you've done a great job.
The way you did it is perfect, and you could have also solved it using grid-template-areas, which might seem a bit odd at first. Here’s a link if you want to check it out: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas.
Keep it up, your solution is awesome!
1
Please log in to post a comment
Log in with GitHub
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