Skip to content
Submitted over 3 years ago

FAQ Accordion Card (HTML & CSS & JS)

Patrick•14,265
@palgramming
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...FAQ accordion card
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Fun project I need to work on my JS some more to remove duplication but the functionality is there

Community feedback

  • ApplePieGiraffe•30,545
    @ApplePieGiraffePosted over 3 years ago

    Hello there, Patrick! 👋

    Well done on this challenge! 👍 The accordion card looks good and works pretty well! 🙌

    The only thing you might want to consider doing as a next step, now, is to make the accordion card keyboard-accessible (so that it can be navigated and used via the keyboard).

    Also, if you didn't know—the native <details> and <summary> elements can be used to quickly and easily create an accordion using just HTML! Learn more about them here. 😀

    Keep coding (and happy coding, too)! 😁

    7

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