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 hub

@victorsonet

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


It was a little bit difficult the build the interactive image but I think it should work fine now.

Community feedback

@Kamasah-Dickson

Posted

Your solution looks great but this is what I have for you.

  • Increase the width of your card but use max width instead of width.

  • your user IMG is so small, make it big and you can also add a border hover state.

  • you can also increase your box shadow. Besides good job there👍 Happy coding👍💻

Marked as helpful

0

@victorsonet

Posted

@Kamasah-Dickson Thanks and on it!

0

@Kamasah-Dickson

Posted

@victorsonet Happy coding👍💻

1

@victorsonet

Posted

@Kamasah-Dickson I think its better now.

0

@ghostpogram

Posted

i was looking for a way to make the view icon hover on the main image then i found your solution permit me to steal your code?

0

@victorsonet

Posted

@ghostpogram go ahead man!

1

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