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 solved

@mayank-2323

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

P
AK 6,700

@skyv26

Posted

Mayank, Nice job.

  1. Add some space around your card. Your card stick with top of the screen. Add margin on ** .container** class.

  2. Increase equillibrium image border radius little bit and when on hover please make sure the overlay only appear on the image not going outside the scope of image Tip: use overflow: hidden

  3. <section class="info"> internal elements are not aligned properly please align it.

Overall nice job

Good Luck

Marked as helpful

0

@mayank-2323

Posted

@skyv26 Hey! Thanks a lot for your inputs. I shall make the changes and learn from it :)

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