Submitted over 1 year ago

NFT preview card component

Danh Pham•120

@danhpham2000

A solution to the NFT preview card component challenge

Preview Code

Solution retrospective

What are you most proud of, and what would you do differently next time?

I am proud of because I can practice how to use hover effect and show the icon overlay the image. Besides that, it was quite challenging for me but I am glad that I can solve it

What challenges did you encounter, and how did you overcome them?

My challenge was the show the background color of cyan and see the image through it. I hard coded the background image because I did not know to set the background and see the image through it. Another challenge I faced was setting the position of the overlay icon when the image is hovered. My solution was go to W3 school and see some reference.

Code

Please log in to post a comment

Community feedback

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