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
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
I'm getting familiar with CSS grid and a little bit of flexbox. I was also able to apply a color with opacity over the header image.
Making responsive website is still hard for me. I made this based on the widths given, i.e. 375px and 1440px. I hope I can improve on this in the future.