faq-accordion-card

Community feedback

• 

  Dusvy_M•390

  @dovelmPosted almost 3 years ago

  I will try to solve these details, thanks!!!

  0
• 

  Aakash Verma•6,710

  @skyv26Posted almost 3 years ago

  Hi! Dusviry, Very well done. It seems really nice but have some issue.

  1. Your arrow are not aligned with respective text and I have solution for it. Just change your code from

  .accordion-button::after {
      background-image: url(images/icon-arrow-down.svg);
      background-size: 50%;
  }
  
  .accordion-button:not(.collapsed)::after {
      margin-right: 10px;
      background-image: url(images/icon-arrow-down.svg);
      background-size: 50%;
      transform: rotate(-180deg);
  }
  

  To

  .accordion-button::after {
      background-image: url(images/icon-arrow-down.svg);
      background-repeat: no-repeat;
      background-size: 50%;
      background-position: center;
  }
   
  

  Little more work needed in your CSS as, you can also see that when arrow transform it angle then it slightly shifted to left hand side.

  2. In mobile response, your accordian is going outside the viewport . So it need to fix.

  I hope you understand.

  Good Luck

  0