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 #2

@DefinitelyObsessed

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 welcome.

Community feedback

Mo 840

@MohamedAridah

Posted

Hello @DefinitelyObsessed, your layout looks great ,but you need some improvements like:

  • use transition for smoother hover effect.
  • you have problem with the image border-radius is not applied correctly.
  • instead of using padding for each element separately. just give it to the .parent-block and it will works fine
  • I strongly recommend you to take a look for My solution for this challenge to see HTML structure and how to deal with the image.

I hope this wasn't too long for you, hoping also it was useful😍.

Goodbye and have a nice day.

Keep coding🚀

Marked as helpful

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