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.
Users should be able to:
- See hover states for interactive elements
This is screenshot of the my solution to the challenge.
- Solution URL: My Solution
- Live Site URL: Live Site
- Semantic HTML5 markup
- FlexBox
- CSS
I learned how to use Grid to layout the website. Use of media queries to create a responsive design.
- Learn Flexbox and Grid for layout
- Responsive Design
- Learn to use Sass
- Responsive Order Summary Component - Amazing video tutorial by Mr Coder.
- https://github.com/ziggysauce/fem.io/tree/main/order-summary-component - This is an amazing repository that guides me in taking this challenge.
- Website - Jaycee Altamia
- Frontend Mentor - @simplyJC
- Twitter - @jcaltamia
I don't have any idea how to start. Thank you to Mr. Coder for amazing tutorial and Dan Nguyen repository. I was able to provide my solution.