Submitted over 1 year ago
Design for NFT preview card with hover effect in color
@vishnu-31
Design comparison
SolutionDesign
Solution retrospective
Any Improvement or suggestions for this implementation is appreciated. Thank you.
Community feedback
- @hitmorecodePosted over 1 year ago
Congratulations well done. A few things you can do to fix some issues.
- Change
background-size: contain'
tobackground-size: cover;
. If you look closer you'll see that the bottom of the image is not covering the square - Wrap 0.041 ETH with a span
<span>0.041 ETH</span>
. Do the same thing for 3 days left. Right now they are not on the same line - You can also add a
transition: all 150ms ease-in-out;
on the overlay, for a smoother hover animation
0 - Change
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