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

Links

My process

  1. Building the first HTML approach
  2. Adding reset styles
  3. Styling font families with @font-face
  4. Building main layout
  5. Composing small inner parts / components
  6. Tuning in general component and details
  7. Building active state

Built with

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

Note: These are just examples. Delete this note and replace the list above with your own choices

Author