This is fully responsive FAQ Accordion Card

Hi, Tuason! 👋

Congratulations on completing this challenge! 🎉 It's great that you manage to finish this challenge without watching tutorials! 👏

Some recommendations to improve this solution.

• I would highly suggest using the native HTML elements for the accordion, details and summary tags. By default, they are accessible by keyboards and screen readers. Also, they have the open and close functionality by default.
• If you plan to use the native HTML elements to create the accordion, then you will write less JavaScript. All you have to do is to have the functionality where only one accordion panel should be opened at a time. I suggest toggling the open attribute.
• After looking at your JavaScript, here are some suggestions from me.
  • Avoid using JavaScript to add styling (unless you've no other option). JavaScript allows you to change the CSS code using the style property. But, to make debugging easier and improve code maintainability, it’s best to avoid it. Use CSS classes instead.
  • It's best to add a click events to only interactive elements. So, if you plan to not use the native HTML elements then I recommend using button element instead. Also, search on the internet on "how to create an accessible accordion".
• I notice some Lorem Ipsum for the page content. I recommend using the text content that has been provided.
• Avoid using !important. If you find yourself using it, it might be a sign that there's something wrong with the code. In rare circumstances, there are "valid" use cases for !important.

I hope this helps! Keep going and happy coding! 👍