Skip to content
Submitted almost 2 years ago

Building order summary with flex

Shiash•100
@kloprop
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Order summary component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Any comments is welcome! Thanks

Community feedback

  • Vanza Setia•27,775
    @vanzasetiaPosted almost 2 years 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..

    1

Please log in to post a comment

Log in with GitHub

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