React State hook, functional components, and CSS grid solution
Design comparison
Solution retrospective
I had an issue with my .card-image-container CSS class. The card border-radius of the .card-image-container would show above the .card-main. I couldn't find a solution for this so I just set the border-bottom-right-radius and border-bottom-left-radius to 100% on the .card-image-container. It seems kind of hacky but it works.
Community feedback
- @shashreesamuelPosted over 2 years ago
Hey good job completing this challenge
Keep up the good work
Your solution looks great however I think that the left column needs some padding. Secondly the color background in each of the cards need some border radius using
border-radius
.In terms of accessibility issues simply wrap all your content between main tags
I hope this helps
Cheers Happy coding š
Marked as helpful1
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