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 using HTML, CSS and JS

@VishRoy

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 specific areas of your project would you like help with?

Hi All,

Could you please review my solutions and provide me tips to improve it?

Community feedback

@krushnasinnarkar

Posted

Hi @VishRoy,

Congratulations on successfully completing the challenge!

I have some suggestions regarding your code that I believe will be of great interest to you.

  1. Icons Visibility:

    • Your icon-plus.svg images are commented out, which is why they are not visible. Un-comment them to make them visible.
  2. Toggle Icons:

    • To enhance the user experience, you can add the icon-minus.svg image after the icon-plus.svg and keep it hidden initially. You can then toggle its visibility along with the icon-plus.svg when a section is clicked, similar to how you hide and unhide the .panel after a click. This way, users will see a minus icon when the panel is open and a plus icon when it is closed.

I hope you find this helpful, and I would greatly appreciate it if you could mark my comment as helpful if it was.

Feel free to reach out if you have more questions or need further assistance.

Happy coding!

Marked as helpful

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