Skip to content
This repository has been archived by the owner on Aug 21, 2023. It is now read-only.

parham-dev27/Stats-Preview-Card-Component

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Stats Preview Card Component

Solution for a challenge from frontendmentor.io.


About The Project

This challenge will serve as excellent practice for individuals seeking to test their CSS Grid skills. Grid is an incredibly potent extension of CSS, making it highly valuable to familiarize oneself with it. The primary objective of this challenge is to construct the testimonials grid section, striving to achieve a design that closely resembles the provided design. You are free to utilize any tools that aid you in completing the challenge. Therefore, if there's a particular skill you wish to enhance, feel encouraged to give it a try.

I do not have access to the Figma sketch so the design is not pixel perfect.

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Flex
  • Mobile-first workflow
  • Responsive Design
  • Media queries
  • Sass

What I learned

Another great project to practice grid. I finally had a better understanding of grid layouts and learned how to make a responsive design with grids and flex-boxes. Really loved the project!

Acknowledgments

A big thank you to anyone providing feedback on my solution. It definitely helps to find new ways to code and find easier solutions!