Responsive FAQ Accordion Card using HTML, CSS & JS

Hi, @bccpadge 👋

Congrats for completing this challenge 🎉

I have one suggestion for you: Give, some padding or internal margin in your faq's section. So, that when click on up or down arrow to navigate through each question, your container size will remain same in mobile view and will look much better. Other than that fantastic work❤️ Have you did developer testing from your side to check this?

Hi Rebecca,

It is a very well-done project! Several aria attributes must be used to make the accordion fully accessible, such as aria-expanded, aria-controls, aria-labeledby, and region. If you are interested in the recommended way of doing accessible accordion, the ARIA Authoring Practices Guide (APG) offers an example in Accordion Example. I hope you find it useful!

Otherwise, your implementation is pixel-perfect! 🤩

Hi Rebecca,

Congratulation for your challenge! You could use HTML tag <details> and <summary> tag to create the accordion. It isn't necessary JS, besides it's a accessible. You can know more on the W3Schools.com.

I hope I've helped.