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
Request path contains unescaped characters
Not Found

Submitted

NFT preview card component

@Vlovesdragon

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

Venus 1,640

@VenusY

Posted

Nicely done, the design is pretty much spot on! Just one small thing to note, the font colour of '0.041 ETH' isn't cyan as shown in the design images.

Here are some things I noticed when I visited the webpage:

  • Hovering over the creator's name doesn't change the colour.
  • Hovering over the space next to the NFT's name causes the name to change colour even though the link doesn't extend that far. One way to fix this is to add [width: fit-content;] to the h1 tag that contains 'Equilibrium #3429'. This makes it so that the name only changes colour when you hover over the text.
  • The eye icon that appears when hovering over the image is a little difficult to see due to the low opacity.

Hope this helped!

0

@Vlovesdragon

Posted

@VenusY oh man, thanks, ur advise helping me with some code i can't solved

0
Venus 1,640

@VenusY

Posted

@Vlovesdragon No worries, good luck with your future projects. :)

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