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.
Users should be able to:
- See hover states for interactive elements
- Solution URL: Solution Page
- Live Site URL: Check it out
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Mobile-first workflow
I learned new CSS units and how to use properly relative units to design tokens.
I will review CSS units and about mobile-first workflow and responsive designs.
-
CSS units cheatsheet - This helped me for being a great cheatsheet for units, that made the process to learn them really easy.
-
An explanation about size units - This is an amazing article which helped me finally understand size units. I'd recommend it to anyone still learning this concept.
- Frontend Mentor - @matebeing
- Twitter - @matebeing