3 Column Card Component using plain CSS
Design comparison
Solution retrospective
Any feedback are most welcome.
Community feedback
- @Lisa-C-27Posted over 3 years ago
Hi, I noticed your border-radius isn't correct for mobile, which you would need to add those border-radius dimensions to your media queries and then change the initial border-radius for those cards. A suggestion would be instead of putting the border-radius on the individual cards would be to put border-radius on the outer container (.main) with overflow: hidden, then you wouldn't need to add any media queries for it.
Another suggestion would be to put a max-width on the outer container (.main) so that at larger screen sizes it doesn't stretch.
Other than that, I think you have done a good job matching the design.
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