Frontend Mentor - NFT preview card component solution

This is a solution to the NFT preview card component challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

The challenge

Users should be able to:

• View the optimal layout depending on their device's screen size
• See hover states for interactive elements

Screenshot

Links

• Solution URL: GitHub repo
• Live Site URL: Live Site

My process

I started with reading the documentation of Tailwind to add it to this project, then, I searched for what ever I didn't know on their quick search tool to add the classes to the elements :D.

Built with

• Flexbox
• CSS Grid
• Mobile-first workflow
• Tailwind - CSS framework

What I learned

On this project I learend how to implement Tailwind and how to use it on this project

Author

• Website - Juani Silva
• Frontend Mentor - @JuaniSilva
• Twitter - @Juani_Silva13