Building order summary with flex

Shiash• 100

@kloprop

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Order summary component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Any comments is welcome! Thanks

Community feedback

Vanza Setia• 27,795

@vanzasetia

Posted over 1 year ago

Hi, Shiash!

Here are some suggestions for improvements.

Use the main element for the card instead of using <div class="card">.
Set max-width instead of width to the card to allow the card to shrink while still preventing it from getting too large.
Remove font-size: 1rem from the <body> styling. It is already the default styling.

I hope this helps. Happy coding!

Note: Please remove the #fresh since the website is not built with "Fresh" — it could be either Fresh: A Modern Approach to Lightweight Frameworks or fresh - The next-gen web framework..

Please log in to post a comment

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