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:
- A simple Grid Layout
- Responsive image displays
- Gradient Text Animation
- Solution URL: Frontend Mentor Solution
- Live Site URL: Live Site at Vercel
- Semantic HTML5 markup
- CSS custom properties
- Grid
- Responsive Design
- Custom gradient text animation
I learned the basics of Grid and how to use better Figma to import styles and color properties, like the gradient text I used in this challenge. I also started to use webp images and the picture tag instead of import the different image sizes directly from the CSS.
- Code Pen Fusco - Gradient text animation resource
- Github - correlucas
- Frontend Mentor - @correlucas