This is a solution to the Order summary card challenge on Frontend Mentor. I started this challenge to improve my CSS skills.
It consists in creating a simple responsive card design where users should be able to see hover states for interactive elements. This is a good project for beginners who are starting to build confidence with layouts.
- Semantic HTML5 markup
- CSS custom properties
- CSS Variables
- Flexbox
- Mobile-first workflow
- CSS Flexbox: A Complete Guide - This is an amazing article which helped me using flexbox. I'd recommend it to anyone still learning this concept.
- Screen sizes - This helped me as reference for using popular screen size for responsive design.
- Solution URL: Order summary card at Frontend
- Access project: Order Summary Component
- Camille
- Frontend Mentor - @Camille846