Skip to content
Submitted over 2 years ago

NFT preview card component

JoshuaMeeks•120
@JoshuaMeeks
A solution to the NFT preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Positioning the hover state for the main image got a little tricky. It works as it should now.

Code

Please log in to post a comment

Log in

Community feedback

  • P
    visualdennis•8,375
    @visualdenniss

    Hey there,

    congrats on completing the challenge successfully! Your submission looks pretty nice overall. You can also add a transition to make the overlay appear and disappear smoothly. For that you can simply add transition property and adjust its duration as u like. E.g. .image-hover-effect { ...rest of ur code; transition: opacity .4s ease; }

    Hope you find this feedback 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