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

@sgrazys

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


👉 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

@ShawenHarker

Posted

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

@sgrazys

Posted

@ShawenHarker Thank you indeed!

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