Camille846 / Order-summary-component

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

Frontend Mentor - Order summary card solution

This is a solution to the Order summary card challenge on Frontend Mentor. I started this challenge to improve my CSS skills.

Table of contents

• Overview
  • The challenge
  • Screenshot
• My process
  • Built with
  • Useful resources
• Access-Project
• Author

Overview

The challenge

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.

Screenshot

My process

Built with

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

Useful resources

• 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.

Access Project

• Solution URL: Order summary card at Frontend
• Access project: Order Summary Component

Author

• Camille
• Frontend Mentor - @Camille846