Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Order Summary Component using CSS FlexBox

EcePJD 200

@EcePJD

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Shivraj K 400

@Shivraj-K09

Posted

Great job on the code! Here are some positive observations:

  • Your HTML is well structured, and you're using semantic HTML elements where appropriate. You're also linking to external resources (fonts and images) using proper URLs.
  • Your styles are well-organized and utilize readable class and selector names.
  • You're including media queries for responsive design at appropriate breakpoints.

Here are some recommendations for improvement:

  • Consider adding some padding to your body element so your content doesn't go all the way to the edge of the viewport.
  • In your .container-main selector, consider using margin: 0 auto instead of align-self: center to horizontally center the container.

Overall, great job! Keep up the good work! Happy Coding😉

Marked as helpful

1

EcePJD 200

@EcePJD

Posted

@Shivraj-K09 Thank you for your detailed observations. I will take note of your recommendations.

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord