Frontend Mentor - Order summary card solution

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

Table of content:

• Overview
  • The challenge
  • challenge design
  • Challenge links
• My process
  • Built with
  • What I learned
  • Continued development
• Author

Overview

Hello Everyone, This is my 1^st Frontend Mentor challenge.

The challenge

User should be able to:

• See hover states for interactive elements

Challenge design

Challenge links

• Frontend Mentor Solution: View Solution
• Live Site On Github: View Challenge

My process

Built with

• Semantic HTML5 markup
• SASS (CSS Pre-Processor)

What I learned

For this challenge i used SASS for styling and it was very fun.

Continued development

I realised the importance of shorthand properties for less code.

Author

• Website - Well I haven't made my portfolio yet, but gonna make it soon.
• Github - @FedLover
• Codepen - @FedLover
• Frontend Mentor - @mo