Mobile-first design for a smooth experience on an order summary page

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.

• Overview
  • The challenge
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author

Users should be able to:

• See hover states for interactive elements
• Get a smooth experience on all screen sizes

• Live Site URL:(https://chibuzordev.github.io/web-portfolio-order-summary-page.io/)

• CSS Grids
• Mobile-first-workflow
• CSS custom properties
• Media queries

How to independently work on grids and diplays without libraries and frameworks

• Explore the wonders of front-end development with CSS

• (https://www.thechibuzor.netlify.app) - This helped me recall how to perfectly align content centrally with auto-margination.

• Website - Chibuzor Nwachukwu
• Frontend Mentor - @chibuzordev