Submitted over 3 years ago

NFT Preview Card Component Styled with Tailwind CSS

tailwind-css

LVL 3

Dana Hong•340

@Dana-Hong

A solution to the NFT preview card component challenge

Preview Code

Solution retrospective

The most difficult part of this challenge was creating the hover effect for the feature image, and ensuring that the eye icon had a full opacity, while the background colour was slightly transparent. I used rgba to set the background colour to avoid changing the opacity on the entire container. Please advise if there's a better way of doing this.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Dana Hong’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