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 CARD

@hassan-12-source

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

@istealersn-dev

Posted

Congratulations!! @hassan-12-source for completing the challenge.

Quick tip at the first glance - To center the element on the page/container, you have to specify the min-height or height. In this case you can set the height: 100vh; that will position the card at the center

Also as a best practice - you can use CSS custom properties that represent specific values to be reused throughout a document. For example: font-family, padding, border-radius, gap, etc.

Hope these are helpful! Keep up the good work!

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