Front End Mentor - Project 007 - Order Summary Component

This is a solution to the Profile Card Component challenge on Frontend Mentor.

Table of contents

• Overview
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
• Author

Overview

Screenshot

• Mobile

• Desktop

Links

• Solution URL: https://github.com/rashidshamloo/fem_007_order-summary-component/
• Live Site URL: https://rashidshamloo.github.io/fem_007_order-summary-component/

My process

Built with

• Semantic HTML5 markup
• Sass

What I learned

• Adjusting and setting different item sizes and spacings based on the device / media queries
• Using "max-width:100%" instead of "width:100%" on the image in CSS to make it responsive and prevent unnecessary scrollbars

Author

• Frontend Mentor - @rashidshamloo
• Twitter - @rashidshamloo