Skip to content

Latest commit

 

History

History
59 lines (39 loc) · 1.83 KB

File metadata and controls

59 lines (39 loc) · 1.83 KB

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

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 Laptop

iPad iPad

iPhone iPhone

Links

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