Stats preview card component using Container Queries, Flexbox and Grid

Hello there 👋. Good job on completing the challenge !

I have some suggestions about your code that might interest you.

• The modifier in BEM changes the appearance or behavior of the block or element. The modifier isn't another level of nesting; for example, if you have a button with a red color and you've named it "button," if you want another button with the same styles but in blue, you should simply add "button--blue" to it.

• You've used variables in the :root selector and employed the var function, but SASS has its own syntax for variables that you could leverage. You can learn more about it here: SASS Variables Documentation

• card__stats could be effectively represented as a list of elements using <ul> and <li> instead of a <section> tag, as the <section> tag is typically used for grouping related content.

I hope you find it useful! 😄 Above all, the solution you submitted is great!

Happy coding!