zoxabbasi / results-summary-component_frontend-mentor

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Frontend Mentor - Results Summary Component

This is a solution to the Results Summary Component on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

Overview

Screenshot

Desktop version Mobile version

Links

My process

  • Used CSS grid and flex to style the page, alongue with variables and locally scoped variables and many other CSS properties.

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • CSS GRID
  • CSS FLEXBOX
  • Mobile-first workflow

What I learned

What I have learned the most, is the use locally scoped variables, and using variables with hsl functions.

Continued development

I should work more with CSS grid to get a better understanding of it.

Useful resources

  • Kevin Powell - Kevin's video tutorial on the same challenge was very helpfull. The way he approches design and styles everything was a great learning experience.

Author

About


Languages

Language:HTML 50.5%Language:CSS 49.5%