Frontend Mentor - Order summary card solution

This is a solution to the Order summary card challenge on Frontend Mentor.

Table of contents

• Overview
  • The challenge
  • Screenshots
• My process
  • Built with
  • Details about the project
• Author

Overview

The challenge

Users should be able to:

• See hover states for interactive elements

Screenshots

• Desktop view (1440px)

• Mobile view (375px)

My process

Built with

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

Details about the project

I used HTML and CSS for this project. I developed this project with the mobile-first workflow. I started working in mobile view, and then I changed the layout towards desktop view responsively. I used Flexbox for positioning most of the HTML elements. For readability, I designed my CSS selectors alphabetically for each section of the container.

Author

• Developer Name - Sithu Myo Set
• Mail - Sithu Myo Set
• Facebook - Sithu Myo Set