![](https://res.cloudinary.com/dz209s6jk/image/upload/f_auto,q_auto,w_900/Screenshots/xua26x7btwxtycerhzyc.jpg)
Design comparison
Solution retrospective
Thrilled that I've finished this challenge!
What I found difficult: the layout, especially inside the cards and overall making sure the content doesn't overlap with other parts of the app etc. It took me a LOT of tweaking and adjusting before I got it right. Before building that project I had only used CSS Grid in a very limited way, this really allowed me to explore its full potential.
Which areas I'm unsure of: the CSS classes for each icon might be a little bit too hard-coded, even though I'm assigning them dynamically to the cards. I couldn't figure out another way to match the icons to the cards.
Such a great project overall. Really made me feel more confident about tackling other challenges of the same level.
Community feedback
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