Skip to content
Submitted over 2 years ago

FAQ Accordion Card

Rafi Mahmud Rizvi•130
@RafiiMahmudRiizvii
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...FAQ accordion card
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hello everyone... please check out my solution and feel free to share your opinions with me. If I make any mistake please tell me. I really appreciate it. Your comments helping me a lot to improve my coding skills. THANK YOU IN ADVANCE🎉

Community feedback

  • David•8,000
    @DavidMorgadePosted over 2 years ago

    Hello Rafi, congrats on finishing the challenge!

    The layout seems great for me, its responsive and looks good on mobile and desktop, but the accordion isn't opening onclick, im getting this error on the console Uncaught TypeError: event.path is undefined. This is because path is not supported in Firefox, it works on google chrome tho, so you should try to make a workaround for other browsers!

    There is a stackoverflow thread where you can get a workaround path for other browsers!

    It would be good if you add the cursor: pointer to the arrow, it will make it more intuitive that is a clickable.

    Hope my feedback helps you, if you have any question don't hesitate to ask!

    Marked as helpful
    0
    Rafi Mahmud Rizvi•130
    @RafiiMahmudRiizviiPosted over 2 years ago

    @DavidMorgade It is very helpful.I will update my code as soon as possible. Please check my other projects also. Thanks a lot.

    1

Please log in to post a comment

Log in with GitHub

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