Responsive FAQ accordion card

Hi Karthik,

Overall a solid solution, nice one!

It's best practice to avoid using fixed height and widths as it plays havoc with responsive design. For example .faq-wrapper has a fixed height so when all FAQs are open it's cutting some off. Removing the fixed height would help here but you'll need to re-position the image.

Hope that helps!

Well done! i found an issue , when i open all questions , i can only see first 3 of them , the rest disappears because of the hidden overflow .

You can fix that by adjusting javascript so that when you open a question all other question should automatically close (you can check my solution), or you can make the questions container scrollable by adding "overflow-y: scroll" to it.

hope this feedback helps.