Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Order summary component

remsB 170

@Sonalpt

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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-kurt

Posted

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

@Sonalpt

Posted

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

0

Please log in to post a comment

Log in with GitHub
Discord logo

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