Order Summary Component using Flexbox

Community feedback

• 

  darryncodes•6,390

  @darryncodesPosted about 3 years ago

  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!

  Marked as helpful

  1

  ---

  

  Ken•935

  @kenreibmanPosted about 3 years ago

  @darryncodes Thank you for the detailed comment with helpful links as well. I will definitely look into all of the resources you provided.

  0
• 

  Patryk Besler•355

  @beslerpatrykPosted about 3 years ago

  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!

  Marked as helpful

  1

  ---

  

  Ken•935

  @kenreibmanPosted about 3 years ago

  @beslerpatryk Thank you for your feedback. I will definitely keep that in mind for my next challenge.

  0