Skip to content
Submitted about 3 years ago

Order summary component

remsB•170
@Sonalpt
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 had a problem with the "Annual Plan" section. I've tried everything, with text align, justify content or align items, but i can't align "Annual" and "Plan" on the same line. i know its probably an oversight but, can't find, and i need some help !

thx in advance !

Community feedback

  • Arda Kurt•90
    @to-arda-kurtPosted about 3 years ago

    Hi!

    That's very nice and effective solution. You can focus the price and annual plan as a one div component. If you create one more div component outside of both line, then you can use flex, grid or whatever css features you want to use to make it different lines.

    div class="plan_desc" => {display:flex, flexDirection:column} div ANNUAL PLAN /div div PRICE /div /div

    Best A.

    Marked as helpful
    0
  • remsB•170
    @SonalptPosted about 3 years ago

    thx you man ! didn't think about that ! It works !

    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