Skip to content
Submitted over 1 year ago

Html,Tailwind Css,Js

accessibility, tailwind-css
TomasAlbert•120
@TomasAlbert
A solution to the FAQ accordion challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi 👋! I wanna share my solution with you guys. I used only one framework and that was of course my favorite Tailwind. For this challenge i was focus on semantic HTML i also tried to implement this with accesibility features so users can navigate with keyboard. For Javascript part it was straight forward i used event delegation for event handlers so i didn't needed to create events for every single element. I will be grateful for any feedback. Happy coding ! 💻

Code

Please log in to post a comment

Log in

Community feedback

  • Vaibhav sisodiya•370
    @Vaib215

    Well done Alert! Just FYI, there's a pair of elements in HTML know as detail and summary which are specifically designed for these purposes. You can checkout mdn docs for them or you can checkout my solution for the same.

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