Skip to content
Submitted over 2 years ago

Oder Summary Card with pure CSS

Hendry Susanto•70
@hensusanto
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

I find a difficulty to align the "Annual plan" section to align a little bit to the left near the icon with flexbox, could somebody give me feedback on this? it would mean a lot to me. thank you

Community feedback

  • argel omnes•1,800
    @argelomnesPosted over 2 years ago

    hey @hensusanto,

    You're almost there. Nice work! To achieve it with flexbox, you'll need to group "Annual plan" with the icon or with "Change" first. And be sure to also apply flexbox again with this new grouped elements.

    Marked as helpful
    1
    Hendry Susanto•70
    @hensusantoPosted over 2 years ago

    Hi @argelomnes,

    Thanks for the feedback and tips, I appreciate your time for reading my code. I'll put your tips in mind, Thanks bro you rock!!!

    0

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