FAQ accordian card component

Community feedback

• 

  Eugenia•950

  @JaneMorozPosted over 1 year ago

  Hey Travis! Your solution is great 👍

  I think that

  .faq-card {
    justify-content: center;
  }
  

  is responsible for all this movement. The .questions height is changing when you expand a question/answer section and since it should be in the centre of flex-container it moves up and down.

  I suggest you to:

  • remove absolute positioning from the .card-title, you can use padding or margin to position it.
  • remove justify-content: center; from .faq-card and use gap to add some distance between .card-title and .questions

  Keep it up! And good luck 🍀

  Marked as helpful

  1

  ---

  

  Travis Hackbarth•360

  @TravisH-botPosted over 1 year ago

  @JaneMoroz Thank you very much for the reply! I'll give that a shot and see post an updated solution!

  1

  

  Travis Hackbarth•360

  @TravisH-botPosted over 1 year ago

  @JaneMoroz Thank you again for your feedback! It got me going in the right direction and I'm a bit closer to the desired result.

  1