DEV Community

Cover image for Challenge 6 - Stats Preview Card Component - Frontend Mentor
Abhishek Baliyan
Abhishek Baliyan

Posted on

Challenge 6 - Stats Preview Card Component - Frontend Mentor

Challenge: 6, 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

Overview

Stats preview card component challenge by Frontend Mentor, Coded by Abhishek Baliyan.

The challenge

Users should be able to:

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

Screenshot

Desktop View
Mobile View

Links

Built with

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

What I learned

  • If there are rows/columns interchangable in mobile/desktop view. Then should put them in container in html.

Continued development

  • I want to learn more about how to put color overlay on image without using opacity.

Author

Top comments (0)