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
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author

Overview

The challenge

Users should be able to:

• See hover states for interactive elements

Screenshot

Links

• Solution URL: solution URL
• Live Site URL: live site URL

My process

Built with

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

What I learned

What i learned from creating the project order summary is how to integrated not just web but with the mobile view and learned how to creating design and responsive design with css from scratch.

Continued development

I want to continue this project to collaborate with my other projects in the future.

Useful resources

• Resource 1 - This helped me for choosing the font what i want.
• Resource 2 - This is an amazing course which helped me to understand the concept and workflow.
• Resource 3 - This helped me for choosing the color while designing the app.
• Resource 4 - This cheatsheet helpep me while i forgot the syntax or the pattern. This is helpful.

Author

• Code by - Putu Rele Bhayu Sakti
• Frontend Mentor - @lere22