This is a solution to the Product 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 and focus states for interactive elements
- Solution URL: Solution page on Frontend Mentor
- Live Site URL: GitHub Pages
- Semantic HTML5 markup
- Tailwind CSS - CSS Framework
- Flexbox
- Mobile-first workflow
This is the first project I've done with TailwindCSS. I've learnt how to use it for general styling, creating a design theme and making the website responsive.
- Tailwind CSS Documentation - Tailwind CSS provides clear and easy to use documentation which was used extensively for this project.
- Frontend Mentor - @danaYatsuta