Submitted almost 3 years ago

FAQ Accordion Card (HTML & CSS & JS)

Patrick• 14,325

@palgramming

Preview site View code

This is a solution for...

FAQ accordion card

HTML
CSS
JS

1newbie

View challenge

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

@ApplePieGiraffe

Posted almost 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)! 😁

Please log in to post a comment

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