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

Overview

The challenge

Build the order summary card component and get it looking as close to the design as possible.

You can use any tools you like to help you complete the challenge. So if you've got something you'd like to practice, feel free to give it a go. See hover states for interactive elements

Final Outcome

Laptop

iPad

iPhone

Links

• Solution URL: Github
• Live Site URL: - GitHub Pages

My process

Built with

• Semantic HTML5 markup
• CSS
• Flex

What I learned

• Learnt how to read understand any given challenge - the starter kit including design, images with style-guide
• How to start on a project
  • Start with the readme , styleguide and then the html markup with styling at the end.
• Learnt about different CSS properties
• Practiced media queries, responsive UI

Contact Author

• Frontend Mentor - @archana-nagaraj
• Github - @archana-nagaraj
• Email - archana.nagaraj