Skip to content
Submitted over 1 year ago

Responsive FAQ Accordion using HTML, CSS and JS

Sayan De•120
@RoosterRoo
A solution to the FAQ accordion challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

  1. Any specific things you liked
  2. Anything you did not like
  3. Anything you would have liked to see
  4. Any articles or resources that might be useful
  5. Would love to connect, so let me know
Code

Please log in to post a comment

Log in

Community feedback

  • Yonten•340
    @yozidst
    1. I liked that your accordion stays in place and doesn't scale up and cut part of the top. Also, it's mobile-friendly.
    2. Your panel div should be included inside your accordion div; that way the answers wouldn't stretch past or you can set smaller widths on the container.
    3. Maybe some animations of the sort & pointer: cursor on the accordion/ questions

    ~ Those aside, Great Work! Keep it up!

    Marked as helpful

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord