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: Add solution URL here
- Live Site URL: Add live site URL here
- Semantic HTML5 markup
- SCSS variables
- Flexbox
- CSS Grid
- Mobile-first workflow
How to plan ahead my variables before jumping in the code. How to analyze the design and build a system with colors, font-weights, spacing that allow me to quickly build the layout and update it.
Dig further in scss functions, extends and mixins. Keep working on the variable naming system to make it transferable easily between projects.
- Website - Gwenaël Magnenat
- Frontend Mentor - @gmagnenat
- Twitter - @magnenatg