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 Solution

Spooksβ€’ 70

@Spooks404

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


Feedback appreciated

Community feedback

Sushank49β€’ 60

@Sushank49

Posted

You can make that "Equilibrium #3429" text an inline-block element to show that when we hover over that text, only at that time the effect will take place. Also on all hover elements make sure to have cursor: pointer;

Marked as helpful

1
Zeynal Mardanliβ€’ 180

@Lshiroc

Posted

HiπŸ‘‹, I took a look to your project. You sizing is perfectπŸ‘. I recommend you to give transition to other texts(even though they don't want in the challange). However hover effect on image is very goodπŸ‘. And also you should use the font that given in the challange. You could use border: 1px solid white; to give border to your avatar image. 0.041 ETH is must be bold. And you should fix your accessibility issues. Keep coding :D

1

Account Deleted

Hello there πŸ‘‹

Good job so far πŸ‘. Your project looks awesome πŸ˜€

I think one thing missing is the font family. Please kindly change the font to the original design and your project is complete. Currently is serif style and if you want to know what font to use open style-guide.md file from starter files

Good luck πŸ€

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