stats-preview-card-component

This is a solution to the Stats preview card component challenge on Frontend Mentor.

---

Live Website

Linkedin

---

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned

Overview

The challenge

There are challenges in this projects -

1. Make the purple overlay on image
2. Make the it look perfectly
3. change the image on mobile view

Screenshot

Desktop Preview

Mobile Preview

Links

• Solution URL: Frontend Mentor

My process

Built with

• Semantic HTML5 markup
• Position, media query
• CSS custom properties
• Flexbox
• :hover, :root
• Desktop First
• Padding, margin, border radius

What I learned

1. Not learned musch but it helped to improve my skills