Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 2 years ago

NFT preview card component

styled-components
brunokzz•40
@brunokzz
A solution to the NFT preview card component challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


I consider the project to be almost perfectly done... if it were not for the hover effect of the image 😪. That feature of the component complicated much of the development process, and in fact I could not achieve it. I've looked at a lot of websites, forums and other sources of information which recommended properties like background-color, filter and even linear-gradient, but none of them worked 😣😣.

I would love to get your recommendations about how to make it well written and achieved, since is the only thing left. Also, if you want, you can give me your feedback about other things of my code. I'll wait your comments!

P.D: I changed the active state for a hover effect, just because I thought it was better :)

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License