Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive FAQ Accordion

Megan May 170

@mooogz

Desktop design screenshot for the FAQ accordion coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

I'm proud of how quickly I could write the JavaScript. When I update this I will make my code cleaner (it is repetitive right now) and change it so it works on keypress as well. I think I did pretty good with mobile-first workflow.

What challenges did you encounter, and how did you overcome them?

It was tricky with the different buttons but with different classes/IDs I could figure it out, even if it isn't the most succinct way.

What specific areas of your project would you like help with?

Maybe combining the code for click and keypress, if possible. I could get it to work on keypress but it seemed like a lot of duplicate code. As always, tips on media queries are welcome because I seem to struggle a lot and am trying to get used to flexbox again.

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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