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 using HTML and CSS

@driespindola

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

@Kamasah-Dickson

Posted

Your solution looks close to the design but.

  • It is not properly centered.
  • there is no enough blur in the box shadow
  • the footer is not properly centered.

To fix this, remove all positioning properties on the body and just add text align center.

  • Wrap you solution along in a main or change the parent div of the card into main. This will help clear the accessibility issues.

Marked as helpful

0

@driespindola

Posted

@Kamasah-Dickson Thank you for your comment. I made the changes as you recommended and I think it looks better now. Please tell me if I need to change more.

0

@Kamasah-Dickson

Posted

  • Wrap your card in a main tag or change the parent div of the card into main. This will help clear the accessibility issues.
  • Reduce the spread of the box-shadow. Besides good job there👍💻
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