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.
Users should be able to:
- View the optimal layout depending on their device's screen size
- See hover states for interactive elements
- Solution URL: Add solution URL here
- Live Site URL: https://musical-paprenjak-cd8d2f.netlify.app/
- Semantic HTML5 markup
- Mobile-first workflow
- Vue js - JavaScript Framework
- Tailwind css - For styles
I used this challenge to get back to tailwindcss and keep practicing basic layout composition in vue js.
I need to find a way on how to optimize automatically the images and lower my CLS.
- tailwindcss documentation - I had to regularly search in the documentation for the correct tailwin syntax. command + k for the quick search helped a lot.
- Website - Gwenaël Magnenat
- Frontend Mentor - @gmagnenat
- Twitter - @magnenatg