Skip to content
Submitted 11 months ago

Responsive FAQ Accordion using HTML, CSS and JS

Sayan De•120
@RoosterRoo
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...FAQ accordion
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

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

Community feedback

  • Yonten•340
    @yozidstPosted 11 months ago
    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
    0
    Sayan De•120
    @RoosterRooPosted 11 months ago

    @yozidst thanks for the suggestion. Would love to connect if you are ok.

    1
    Yonten•340
    @yozidstPosted 11 months ago

    @RoosterRoo sure thing!

    0

Please log in to post a comment

Log in with GitHub

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