Skip to content
  • Learning paths
  • Challenges
  • Solutions
  • Articles
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 1 year ago

NFT Preview Card Component Using Tailwind CSS

tailwind-css
San Thornen•100
@ThornenSan
A solution to the NFT preview card component challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


Any feedback is appreciated, please don't hesitate !

Code
Select a file

Please log in to post a comment

Log in with GitHub

Community feedback

  • Rajaul Islam Ratul•1,250
    @ratul0407
    Posted over 1 year ago

    @ThornenSan congrats on completing this challenge🎉🎉

    You've done a really great job✨. The solution is really great but one thing that caught my eye is that you've used a div tag for almost everything. Whenever you needed a container you used a div. There is nothing wrong with divs they are ideal container. But you should work a little bit on landmarks as they provide a great value for accessibility. You could've used a main as a background container. You could've used a footer for the .attribute div. This will help you to cope with accessibility along the way.

    These are little nick picks and instead of that the solution is great👍

    Have a very nice day and keep up the good work🎉😄😄

    Marked as helpful

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
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub