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

@soymze

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?

It feels nice to work on these kind of projects.I feel like i am working lol :)

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

Hover effect on nft photo was challenging.I thought to using an z-index overlay which is invisible and was gonna be visible only on hover.But then I found some other solutions on internet and used them.It worked.

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

I want to see a perfect solution example when slide from design to solution.But sizes and positioning is gonna be a problem probably.I am doing it with eye decision.Maybe next time :)

Community feedback

Boris 2,870

@mkboris

Posted

You can use the PerfectPixel extension if you are trying to match the design

Marked as helpful

1

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