Order summary card component - Solution

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

Preview

Links

• Solution URL: click here
• Live Site URL: click here

Built With

• 
• 

Tools Used

• 
• 
• 
• 

Outcome

• Used HTML5 semantic elements for better accessability and readability
• Used Git and GitHub for project management
• Tried to maintain clean code
• Used media queries for responsive design
• Cross tested on Firefox and Chromium based browsers

What I learned

• Usage transition property for generating smooth hover transitions for both image and buttons
• Usage of Semantic elements to improve accessability for screen readers
• Usage of GRID & FLEX layouts in css
• A lot of minor things

Acknowledgment

• Challenge by Frontend Mentor

Contact