Challenges
Stats Card Component
30th November 2021
Challenge requirements
Users should be able to:- View the optimal layout depending on their device's screen size
This was my first challenge solution on Frontend Mentor, and I took a mobile-first approach of building which has always turned out to make things much easier.
This was the first time I have attempted to use a CSS naming convention style like BEM, and my usage definitely isn’t “to the book” here I am sure, but it was a nice experience compared to the usual struggle of finding appropriate class names.
I think that I could have improved this component by figuring out a way to avoid usage of media queries for responsiveness using Grid or some more advanced flexbox params. Even with this point, hopefully the solution wasn’t that bad overall.
Useful resources
- Josh Comeau’s blog is a treasure trove of random useful & beautiful CSS tricks which I have read a lot before starting this project.
- CSS Tricks continues to always be a useful reference for any project.