Skip to content

This is a solution to the Order summary card challenge on Frontend Mentor

Notifications You must be signed in to change notification settings

alinmercasi/order-summary-component-main

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Frontend Mentor - Order summary card solution

This is a solution to the Order summary card challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

Overview

The challenge

Users should be able to:

  • See hover states for interactive elements

Screenshot

Links

My process

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox
  • Mobile-first workflow

What I learned

  • It helped me to understand better flexbox
  • I understood that custom properties can be live saving :)
  • I have grasped the idea of mobile first principle

Continued development

  • To step into more advanced concepts of flexbox and grid
  • To deepen my knowledge of semantic HTML5 markup
  • An off course, practice, practice, practice :)

    For this project

    • I would like to add some micro interactions with javascript

Author

About

This is a solution to the Order summary card challenge on Frontend Mentor

Topics

Resources

Stars

Watchers

Forks