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.
Note: Delete this note and update the table of contents based on what sections you keep.
Users should be able to:
- View the optimal layout depending on their device's screen size
- the positioning of different elements should change based on screen size (responsive)
- Solution URL: Add solution URL here
- Live Site URL: Add live site URL here
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Desktop-first workflow
- I learned about positioning & sizes of components.
- Also learned about how to apply color over an image
After this, I think I am going to do more HTML, CSS & JS projects which will help me practice & learn new concepts, tips & techniques.
- Overlay color to an image - This helped me applying purple color on white image, I have used in card.
- Website - Jay Chawla
- Frontend Mentor - @chawlajay
- Twitter - @chawlajay111
I would to thanks Rohit for helping me in positioning elements for mobile view card.