Skip to content
Submitted 21 days ago

js

amir mirzakhani•170
@amir-mirzakhani
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?

.

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

.

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

.

Code

Please log in to post a comment

Log in

Community feedback

  • P
    Kyle Mulqueen•400
    @kmulqueen

    Nice work on this project! The functionality works smoothly, and I really appreciate the thoughtful animation you added for the accordion content transitions - it creates a polished user experience.

    I noticed a couple of minor details that could enhance the visual accuracy:

    • The body background appears to be white, but based on the design it should be the light purple color
    • There seems to be some extra spacing after the +/- icons that could be tightened up

    One suggestion for future projects: you might want to explore the native HTML <details> and <summary> elements, which provide built-in accordion functionality without requiring JavaScript. They also come with accessibility features like keyboard navigation right out of the box.

    Overall, this is solid work with good attention to functionality and user experience. The animation touch really elevates the interaction!

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