Skip to content
Submitted 10 months ago

FAQ Accordion

Saulius Gražys•210
@sgrazys
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

👉 FAQ Accordion Solution 👈

Hello, I’m Saulius! 👋 This is my solution to this challenge.

⚒️ Built With: React

The biggest challenge was state management to implement the toggle function. 😅 But now I'm familiar with this concept and feel one step closer to my goal! 🎯 😁

I would appreciate your opinion about possible improvements to code and accessibility. 🙃

Thank you indeed! 🙏

Community feedback

  • Shawen Aldred Harker•30
    @ShawenHarkerPosted 10 months ago

    Firstly I would like to say well done on your solution.

    A few tips from my end: As for styling on your card, you can use a margin-top of -10% or whatever you value you feel comfortable to line up the card based on the Figma design.

    With the code for the accordion, well done on creating that, but there are much easier ways to do it, like using a library to build the accordion, it uses less code overhead.

    For the Q&A supplied to do this task, I feel creating a JSON file and storing the Q&A in there would also showcase your skills that you not only know how to build an app but you can create and work with JSON files.

    Have a read on this as well: https://legacy.reactjs.org/docs/faq-structure.html

    Other than that, very well done on your solution, it is very well made.

    Marked as helpful
    0
    Saulius Gražys•210
    @sgrazysPosted 10 months ago

    @ShawenHarker Thank you indeed!

    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