Stats preview card component

Hi 👋, in case you want to take a look:

HTML 🧱:

• Every page should have an <h1> to improve user experience and because it is one of the most important elements when it comes to SEO.

CSS 🎨:

• I think the widths and heights given in the style guide are only for the purpose of having them as a reference when comparing, not to use them in the code. The body should occupy the entire viewport.

• You might consider using some CSS reset as a good practice at the start of each project, to have a clean starting point and reduce differences between browsers. A popular CSS Reset from Josh Comeau 🔎

• Length units such as pixels may not be the best alternative because absolute units don’t scale. Relative units like rem or em are a better option for scalable layouts (the page will adjust to the user's browser settings) and maintenance (to make changes without having to adjust every pixel value).

• It might be good to get used to designing with the mobile first approach, which means designing for mobile first and then for desktop or any other device, as it is widely considered best practice.

Please let me know if you want more info on any of these topics or disagree with something, and if you have any questions don't hesitate 🙂

Saludos,