Skip to content
Submitted about 1 month ago

NFT Card Preview - Built with Tailwind CSS

tailwind-css
macauy•50
@macauy
A solution to the NFT preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

I built the project using Tailwind CSS to practice layout, spacing, and hover effects. Some color values were adapted manually based on the style guide.

I tried to follow the original design as closely as possible, but some colors and measurements may differ slightly, especially where Tailwind's default palette was used.

Code

Please log in to post a comment

Log in

Community feedback

  • Harsh Kumar•5,820
    @thisisharsh7

    Hi, nice job on using Tailwind CSS! The card layout, spacing, and typography are spot-on.

    Some UX adjustment:

    • Try adding transition effects on the title hover and avatar name for smoother visual.
    • Explore Tailwind animations or transitions to elevate user interactions.

    Overall a good work - happy coding!

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