Skip to content
Submitted over 2 years ago

Order summary component using Flex Box

Sasha Herman•270
@SashaH62
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

If anybody could perhaps provide feedback on my use of Classes and if there is a way I could better optimize my CSS or even HTML, I would appreciate it greatly.

Community feedback

  • Mick•300
    @Mick-2097Posted over 2 years ago

    Nice work.

    You can use * { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } Instead of typing out all the elements.

    Also you can create variables with the colours from the style guide and store them in :root { }

    Marked as helpful
    1
    Sasha Herman•270
    @SashaH62Posted over 2 years ago

    @Mick-2097 Thank you, Mick. I'll make use of these going forward! :D

    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