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: carltonmpofu.frontendmentor.io
• Live Site URL: carltonmpofu.github.io

My process

Built with

• HTML5
• CSS custom properties

What I learned

I used this project to practice the CSS and HTML concepts I've learned so far.I looked forward to using the position and float CSS properties to get the desired structure.

I also learned how to use the box-shadow css property. And how to get a background image to fill the entire browser window.

Continued development

I am going to continue doing more challenges to improve my HTML and CSS skills further.

Useful resources

• MDN Web Docs - Helped me learn how to use the box-shadow CSS property

Author

• Frontend Mentor - @CarltonMpofu