Responsive FAQ accordion card created with React and Styled Components
Design comparison
Solution retrospective
Any feedback would be greatly appreciated.
Thank you very much! :)
Community feedback
- @ApplePieGiraffePosted over 3 years ago
Greetings, Hyun Don! 👋
Good job on this challenge! 👏 Your solution looks nice, is responsive, and works pretty well! 👍
I would just like to suggest that you take a moment and look into making your solution keyboard-accessible (since at the moment, I don't seem to be able to use my keyboard to tab to and open up any of the FAQs in the accordion card).
By the way, you can use the native HTML
<details>
and<summary>
elements to easily create a fairly accessible accordion without having to use any JS. If you’d like to learn more about those elements and how you can use them, check out this helpful article from MDN. Maybe something to try out in a future project! 🙂Keep coding (and happy coding, too)! 😁
Marked as helpful1@hyundonnyPosted over 3 years agoThanks, @ApplePieGiraffe!
I'd never even heard of those HTML tags. I'll be sure to check them out!
Happy coding! :)
1
Please log in to post a comment
Log in with GitHubJoin 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