Skip to content
Submitted 4 months ago

FAQ-Accordion Solution

Tonye Hugo Onuoha•600
@Tonye-Onuoha
A solution to the FAQ accordion challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

I am most proud of my ability to complete this project, as well as the accessibility challenges that were given, especially seeing as I've never built an FAQ accordion before and have always wondered how it was done.

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

The only thing that looked like it was going to pose a challenge to me was not only keeping the FAQ container in the center, but ensuring that its height only grew according to the size of its content. The latter part turned out to be a bit tricky at first, but I eventually figured it out.

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

None that I can think of for now, but I am open to any sort of feedback on my work.

Code

Please log in to post a comment

Log in

Community feedback

  • P
    AnjelToppo•610
    @AnjelToppo

    Overall, you made a good attempt.

    However, I've noticed a small issue: when all the FAQs are open, the content of the .faq-container is cut off in the UI, which results in a poor user experience.

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