This is a solution to the Stats 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
- Solution URL: Slack Preview
- Live Site URL: Stats Preview Card
- Semantic HTML5 markup
- Tailwind CSS
- Installing tailwindcss and other dependencies like postcss and autoprefixer
- Using utility first workflow with tailwindcss
- Adding my custom style with '@apply' in tailwind
- Extending tailwind with my own font-family, color codes, background-image, height and screen size.
Will be building more complex designs using Tailwind CSS in the future and also work on my responsiveness and positioning.
- Tailwind CSS docs - This helped me on adding custom style and extending tailwind functionalitie.
- Frontend Mentor - @ysuperbreezy007
- Twitter - @williams_codes