Order Summary Component using Flexbox

Hi Ken,

Great effort, really close to the design - well done!

Some fundamentals:

• Look into semantic html
• Heading structure
• A Complete Guide to Flexbox
• A Complete Guide to Grid

Consider using relative units instead of absolute units for responsive design. I can see you have used rem in places, you'll need to change the root font-size with media queries to see the magic happen. Here is some information to get you started:

• css unit best practice
• a brief guide on responsive web design

And finally an awesome guide:

• A Step-By-Step Process for Turning Designs Into Code

All the best with your journey!

Awesome job Ken! I recommend you to get more familiar with CSS display properties such as grid and flex. It will definitely help you set up the proper layout for your components. I looked up your HTML code. You should put elements in div tags only where there is a need for that. For example, putting h1 tag inside div creates unnecessary lines of code. The overall outcome looks solid. Good luck with your future projects!