FAQ accordion card

Community feedback

• 

  Aruj Joshi•290

  @gtalinPosted over 1 year ago

  Your solution looks very beautiful and elegent.

  The culprit for your moving layout for the mobile layout is the flex on the content class on your main. You'll have to remove flex and then the layout doesn't shift around. If you want to center the accordion, using margin: auto on content-wrapper class would do the trick. You will also have to add the linear gradient background to body or main and then add a margin-top to prevent the illustration from being truncated when you remove flex from main.

  For desktop layout, when you use flex, on content-wrapper using align-items:center is causing that shift in layout and it is causing your text to move .

  Hope this solves your problem.

  Marked as helpful

  0

  ---

  

  asekabtw•290

  @asekabtwPosted over 1 year ago

  @gtalin Thank you a lot for your answer! I will try to do it)

  0