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

FAQ accordion

Sheri 50

@sherimin

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 managed to add some transitional effects for the expansion and collapse for the answer cards.

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

One thing I am not too sure is if I need to further make my code "DRY". I feel like for now I am applying the same logic and almost identical codes to all the answer cards, and the only difference is the sequence number of each question and answer. (I think of moving the question and answer to their own data file, and creating a for loop to display them, but I don't know if that's the ideal approach?)

Any input would be appreciated!

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