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 - Mobile first solution

@manjeshrv592

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

@rostyslav-nazarenko

Posted

Hello! Excellent solution!

  • Please look at HTML validation report. As a fix to it just rename span elements to div elements. You can remove nested divs, svg and text are inline elements so they would be next to each other by default, and no other styling to needed
  • It is not recommended to use html: {font-size: 62.5%;} you can read about it here
  • Use anchor tags where needed

Have a fantastic day!

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