Accordian Card

Community feedback

• 

  Hyron•5,870

  @hyrongennikePosted about 2 years ago

  Hi @Kdt98,

  Congrats on completing the challenge

  change the height: 60vh to height: 450px on the #img section then add the following.

  #faq {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 0;
  }
  

  You can add the following to center the card in the middle of the page.

  body {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 100vh;
  }
  

  Also maybe just let one accordion be open at a time should be simple enough just need to go over all the accordions and remove the .active class and set the max-height: 0. Also check the error in the report above those are important.

  Hope this is helpful.

  Marked as helpful

  1

  ---

  

  Karishma•40

  @Kdt98Posted about 2 years ago

  @hyrongennike Hey Hyron, thanks for sharing your thoughts!

  0