Submitted over 2 years ago

Responsive nft preview card built with HTML/CSS

@jbaldwin406

A solution to the NFT preview card component challenge

Solution retrospective

Only pain point I had on this challenge was getting the hover state for the image to work how I wanted it to. Had to use a workaround where I included an 'overlay' class that is set to 0 opacity until hovered. I also set the background color using rgba in order to have just the background color have opacity, and not affect the view icon.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Jeff Baldwin's solution.

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