Skip to content

Dwayne-B/FEM-stat-card

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

Overview

a FEM challenge to build out a card component and get it looking as close to the design as possible.

The challenge

Users should be able to:

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

Screenshot

Links

My process

  • Review the design
  • Create project files
  • Initialize a git repo
  • Structure HTML
  • Base CSS
  • Mobile first development
  • css for breakpoints
  • Add functionality with js
  • Test for cross browser compatibility

Built with

  • HTML5
  • CSS
  • Flexbox
  • Mobile-first workflow

Refelctions

This was my first challenge with the FEM platform so I took on an easier challenge that I could complete in an hour with minimal set up. It was a nice experience and it made me become a fan of the platform. I am definately going to complete more challenges from this site!

Continued development

  • Add some micro-animations

Author

About

component card

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published