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

Nkwor Jane 120

@Nkwor-Jane

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

Fatlind Shehu 2,230

@fatlindshehu

Posted

Hi @Nkwor-Jane

Nice work with the component, centering it using flexbox was a great solution, I would add just a tiny thing to make it great:

  • Add height: 100vh; to the body in order for the component to be centered vertically in the proper way.

I also would advise you not to use px units, instead, replace them with rem or em, in bigger projects px can make your life harder, so keep that in mind!

Keep it up & happy coding...

Marked as helpful

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