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

Keoua 70

@scuzzi808

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


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

The use of transitions and the hover effect on the image.

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

The hardest part was figuring out how to add the svg and background color to the image when active.

What specific areas of your project would you like help with?

Even though I was able to get the solution for the hover effect on the image i am still almost completely lost as to what is happening there and would love help with that and transitions in general. I also struggled a little with the box shadow so any tips on either of those is greatly appreciated. Any other helpful tips and advice are encouraged!

Community feedback

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