Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

NFT Preview Card Component

@reza-sjdn

Desktop design screenshot for the NFT preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hey community! I don't know how to set hovering effect on the main image such that it changes to a view icon state. I'd be appreciated if you helped me.

Community feedback

Steve 1,170

@peanutbutterjlly

Posted

hey 👋,

you can put a :hover() state on the image with an overlay that has the color its supposed to be on hover.

Hover.

besides missing the hover-state your solution is very spot on and looks great!

Marked as helpful

1

@reza-sjdn

Posted

@peanutbutterjlly

The article you suggested me was awesome! It helped me a lot. Thanks a lot!

1
Steve 1,170

@peanutbutterjlly

Posted

@reza-sjdn for sure.

That's the same article I used to help guide me through this challenge; glad it could help you out too.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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