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
-screenshot - [screeen 1]stats-preview-card-component-main\screens\SC1.jpg -screenshot - [screen 2]stats-preview-card-component-main\screens\SC2_1.jpg -screenshot - [screen 3]stats-preview-card-component-main\screens\SC2_2.jpg
- Solution URL: Add solution URL here
- Live Site URL: Add live site URL here
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
I learned many things from this small project and the main thing are:
- Better understanding of Flex-Box and Grid
- Got better at using media queries
In future i should focus more on my css styling and have to learn a css framework and do projects on js as im a beginner i have a long road ahead.
- W3Schools - This site helped me through out the project. I really liked this pattern and will use it going forward.
- Stack Overflow - This is an amazing site which helped me get answers to a lot of my questions
- Website - Amith Jolly
- Frontend Mentor - @amithjolly