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.

*Me* : I agree 👍

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • What I learned
  • Continued development
• Tools
• Author

Overview

The challenge

Users should be able to:

• See hover states for interactive elements

Screenshot

Links

• Solution URL: https://www.frontendmentor.io/solutions/the-preeminent-solution--M-ErFTlmQ
• Live Site URL: https://order-summary-component-solution-1234.netlify.app

My process

What I learned

Sometimes, wrappers can't be avoided.
Unless you have the courage to use grid!

- Me, who's *so* wise

Continued development

I have to make my process more routine.

Tools

• Dev Docs - The resource I was referring to throughout the process. It's an offline web app that has a huge collection of documentations.
• Brackets - My text editor. Not as powerful as VSCode, but still my favorite.
• Chrome - This web page was only tested on Chrome.

Author

• GitHub - Mahdi Aljaza'iri
• Frontend Mentor - @MahdiAljazairi