DEV Community

Cover image for Frontend Mentor Challenge #2
JC Smiley
JC Smiley

Posted on • Updated on

Frontend Mentor Challenge #2

stats preview card component

Responsive Stats Preview Card Component built with HTML & CSS

This is the second frontend project I've completed from Frontend Mentors. Frontend Mentors is a online platform that provide front-end challenges that include professional web designs.

What I learned

  1. Mixing CSS Grid and Flexbox to style a UI
  2. Tweaking an image with CSS to have a purple hue layered on top it.
  3. UI design aspects such as highlighting a single key word with the purple accent color, shading the image with the same accent color, and compacting the message in short form.

Resources I used

You can view the live solution here

Discussion (0)