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 challenge

@al-mohamady

Desktop design screenshot for the NFT preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Rio Cantre 9,690

@RioCantre

Posted

Hello there! Awesome work with this project! Viewing at your solution, I would like to suggest the following for you...

  • Add the hover state of the design. For the hero image, refer it with this one Overlay in image. For the fonts, add color: hsl(178, 100%, 50%); and cursor: pointer; in .text h1 and span rule sets

Above all, the design is looking great. Hope this helps and Keep it up!

Marked as helpful

1

@al-mohamady

Posted

@RioCantre Thanks a lot for your feedback. I’ve updated the solution with tips you have mentioned, and by the way the link was very helpful ... Thanks again.

1
Rio Cantre 9,690

@RioCantre

Posted

@Mohamed-Mohamady No worries! I would appreciate it also if you mark it as helpful! Cheers!

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