Solution for 3 Column Prev Card (Not yet responsive)

Solution retrospective
Hi all,
I had difficulty in rounding up the corners of the card. I know that we can use border-radius
property to make the corners rounded, however, adding it in my CSS class "card" did not work.
Wondering what should I do to make the border-radius
work. Any answer will do!
Also, would be happy to hear feedback from anyone to improve my code.
Thanks! :)
Please log in to post a comment
Log in with GitHubCommunity feedback
- @ryanthayes
Try adding overflow: hidden; to your .card element.
.card { width: 50rem; height: 28rem; display: flex; border-radius: 1rem; overflow: hidden; }
Marked as helpful
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