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
  • Mobile-first workflow

What I learned

I learnt a practical creation process of layouts for a website.

If you want more help with writing markdown, we'd recommend checking out The Markdown Guide to learn more.

Continued development

Useful resources

  • Codepen - This helped me for planning the layout before coding it. Also Codepen helps me in getting inspired by viewing various layouts and exmaples
  • W3Schools - W3Schools hepled me with the syntax to be used in SCSS.

Author

Acknowledgments