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 card with JS open/close feature

Muhammadjavohirโ€ข 280

@Muhammadjewel

Desktop design screenshot for the FAQ accordion card coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


17th challenge is completed ๐ŸŽ‰

Projects completed: 17/103

For this challenge I used Copilot, it helps a lot with hinting the code.

Any constructive feedback is welcome.

Community feedback

ezecoderโ€ข 870

@3eze3

Posted

Hi Muhammadjavohir nice contribution to this project.

I have a small recommendation to make to you as I have not been able to see your code in depth.

I imagine that you use a set of classes to activate/deactivate the accordions, but I see that you allow us to open all the headers and this can break your design and make me have to close them all manually and it's a bit tedious :(

Then you could make clicking on one of the headers activate the class only on that one and on the others disable them, it's a nicer action and you avoid problems with your design๐Ÿฅ“

Happy coding ๐Ÿ”

0

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