Submitted 10 months ago
nft preview card component main using html and css
@matthewadeboyejr
Design comparison
SolutionDesign
Solution retrospective
Your review will be appreciated
Community feedback
- @Mohammedabbas7Posted 10 months ago
Congrats on completing this challenge 🎉🎉🎉🎉
Nice solution.
I have some advice for you
- the hover effects on the img-overlay instead of using
display: none;
it's better to useopacity: 0;
on the img-overly and also instead of usingdisplay: block;
on the main_img-box:hover .img-overlay rule you can useopacity: 1;
- also you can add transition property on the img-overly to make the background-color
and the icon have some transition when you hover over it, add this
transtion: opacity 0.5s;
.
That is all I have, I hope you find it useful.
Happy Coding :)
Marked as helpful1@matthewadeboyejrPosted 10 months agoThank your for your review i will work on the changes @Mohammedabbas7
0@dongmo-shuPosted 10 months ago@matthewadeboyejr Once you do, don't forget to Generate New Screenshoot, and check on community feedback.
We are here to help. Have fun coding!
0 - the hover effects on the img-overlay instead of using
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