Frontend Mentor - Stats preview card component solution

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.

Table of contents

Note: Delete this note and update the table of contents based on what sections you keep.

Overview

The challenge

Users should be able to:

  • View the optimal layout depending on their device's screen size

Screenshot

Links

My process

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox
  • CSS Grid
  • Mobile-first workflow
  • Media Quaries

Note: These are just examples. Delete this note and replace the list above with your own choices

What I learned

I building the project, i learn more about css grid and flex box as well as accessiblity and building with good practice . I also got to learn about the mix blend mode of selector in css which previously i had never used before .