This is a solution to the Stats preview card component challenge on Frontend Mentor.
There are challenges in this projects -
- Make the purple overlay on image
- Make the it look perfectly
- change the image on mobile view
![](https://private-user-images.githubusercontent.com/110734724/238868527-d2305403-91e7-42e5-97ec-680478762c39.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU4ODk4ODgsIm5iZiI6MTcyNTg4OTU4OCwicGF0aCI6Ii8xMTA3MzQ3MjQvMjM4ODY4NTI3LWQyMzA1NDAzLTkxZTctNDJlNS05N2VjLTY4MDQ3ODc2MmMzOS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwOTA5JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDkwOVQxMzQ2MjhaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT02MDJiNDU2ODNlMjBlODYyOGRjMWI4MTRhYTA2N2I5NjUyYWUwNDY1OTA3ZDAyMTU1ZGJiMTgyY2U3MjlmNjAzJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.thH8ANFpKhqZ97Of2n-019enY17ifjg2XLweevCVc-8)
- Solution URL: Frontend Mentor
- Semantic HTML5 markup
- Position, media query
- CSS custom properties
- Flexbox
- :hover, :root
- Desktop First
- Padding, margin, border radius
- Not learned musch but it helped to improve my skills