Submitted about 3 years ago

NFT Card Component

tailwind-css

Cory•70

@Beefsupreme21

A solution to the NFT preview card component challenge

Preview Code

Solution retrospective

I wasn't able to get the View Icon showing correctly on hover as it's inheriting the opacity from the parent div. I can do it with CSS but couldn't get it using just Tailwind.

I also struggled a bit to get the View Icon to be centered. Using Translate didn't get it exactly in the center. I ended up using Flex with justify-center / items-center.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Cory'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