Submitted over 2 years ago

NFT preview card with hover states using flexbox

ccbdp• 315

@ccbdp

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

NFT preview card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Any feedback is highly appreciated! Thank you!

Community feedback

Account Deleted

Hi there,

add to the product card position:relative so that the hover effect doesn't go out of it
change the width & height of the hover to 100%
add transition:1s; so that the hover effect appear smoothly

i hope this is helpful

Marked as helpful

ccbdp• 315

@ccbdp

Posted over 2 years ago

@Old1337 thank you! You taught me something new!

Please log in to post a comment

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