Design comparison
SolutionDesign
Community feedback
- @franklynxchillPosted 7 months ago
The card image top has all side border radius like use border-radius: 12px;, In the active state there is a hover change in the card. These is box-shadow effect when hovering on the card. Like on the card box-shadow: 8px 10px 1px 1px var(--Black); and card:hover box-shadow: 12px 12px 1px 1px var(--Black); and finally the avatar image and the name text are align at the center. Nice work happy coding
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