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
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
• Author

Overview

The challenge

Users should be able to:

• See hover states for interactive elements

Screenshot

Links

• Solution URL: SulthanNK/Order-Summary-Component
• Live Site URL: order-component-card.netlify.app

My process

Built with

• Semantic HTML5 for markup
• Custom CSS3 properties for style
• FlexBox
• Responsive design

What I learned

As I started this challenge to brush up the markup and cascading skills. By doing this challenge also helps to learn the responsive design by using media queries with various view ports.

Author

• Website - Sulthan Mohaideen
• Frontend Mentor - @SulthanNK
• Twitter - @SulthanNK