Skip to content
Submitted 6 months ago

Responsive FAQs Accordian using React

Nikhil Bhaladhare•290
@nikbhaladhare2104
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...FAQ accordion
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

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?

..

Community feedback

  • caner404•280
    @caner404Posted 6 months ago

    Hi Nikhil, good work completing the challenge. I have two small suggestions for improvement.

    1. on 2k monitors the header unfortunately breaks apart.
    2. from an accessibility point of view it would be very cool if you could open/close the accordion with the keyboard. You could maybe put the <img> tag in a <button> tag.

    Otherwise keep up the good work and have fun coding!

    0
    Nikhil Bhaladhare•290
    @nikbhaladhare2104Posted 6 months ago

    @caner404 Thank you for your kind words. I am not sure how to assess the UI on 2K monitors as I am using MacBook. If you can tell me how can i do that on macBook itself, like if I can zoom in or zoom out, that would be really helpful.

    0

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