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

#sass/scss
dewslyse 3,025

@dewslyse

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


Comments and feedback welcomed. Happy New Year!

Community feedback

P
Matt Studdert 13,611

@mattstuddert

Posted

Happy New Year! 🎉 A great solution to kick off 2022! It matches up beautifully with the design. Well done!

One small thing I'd recommend reviewing is how you're doing the hover state for the image. Instead of having two img tags, you could wrap the main img in the anchor tag and then use a pseudo-element with a background-image for the hover state. This would clean up the HTML ever so slightly 🙂

Keep up the brilliant work!

Marked as helpful

0

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