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

@Aravinthvimal

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

Rio Cantre 9,690

@RioCantre

Posted

Hello there! Nice work in completing this project. Viewing at your solution, I would recommend the following for you...

  • Wrap the whole content with main tag .To know more about HTML structures, refer it with this one Semantics
  • Add alt with description for the img tags
  • Add the hover state of the design. For the hero image, refer it with this example Overlay in image. For the fonts, add the color: #00FFF8; and cursor:pointer in .text-white rule set
  • Change the color value of the rest of the fonts with hsla(215, 51%, 70%, 1);

Above all, you did great in coding the design with tailwind. Hope this helps and Keep up the good work!

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