Skip to content

HTML-AND-CSS-PROJECTS/Stats-preview-card-component

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Stats-preview-card-component

Frontend Mentor - Stats preview card component solution

Table of contents

Overview

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.

The challenge

-My challenge is to build out this card component and get it looking as close to the designs as possible.

Users should be able to:

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

Screenshot

Links

My process

-I created a repository on github clone to my desktop , created my index.html and index.css files, worked on them and finally push the code to github.

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox -positioning

What I learned

This project help me improve my knowledge in css flexbox and positioning respectively. I really enjoy my challenge.

Continued development

-css grid -flexbox -positioning -I think they are the basic every front-end developer should focus on .

Useful resources

-(https://www.w3schools.com) - I really like how they take thier time to explain in details, I'd recommend it to anyone still learning this concept .

Author

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published