Submitted 3 months ago

Solution FAQ accordion

Steph• 500

@xStephx

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

FAQ accordion

HTML
CSS
JS

1newbie

View challenge

Design comparison

SolutionDesign

Community feedback

Rupak Mukherjee• 810

@hannibal1631

Posted 3 months ago

Good job. But the transition when the plus button is clicked is bad. Give some transitions to the buttons.

And also fix the bug where, when the button is clicked the whole set of questions moves to left. It looks really bad.

The functionality is great but the css part can be better.

Marked as helpful

Steph• 500

@xStephx

Posted 3 months ago

@hannibal1631 thank you for your feedback! About transition, I will add some and I will fix that bugs. If you have any other suggestions feel free to text me!

Carolina Ciolin• 100

@CarolinaCiolin

Posted 3 months ago

Hi Steph! Congratulations on finishing another challenge.

It looks good! I just noticed that in the mobile version you need to add some space between the questions and the + sign.

Marked as helpful

Steph• 500

@xStephx

Posted 3 months ago

@CarolinaCiolin thank you for your feedback! I will correct this mistake about mobile version. If you have any other suggestion feel free to text me! :)

Mohamed Aziz Slama• 70

@aziz712

Posted 2 months ago

great work , your solution look amazing

Steph• 500

@xStephx

Posted 2 months ago

@aziz712 thank you!!

cahitalpdemir• 110

@cahitalpdemir

Posted 3 months ago

Good job! I have a question instead of a recomandation! :) I also want to learn tailwind, but I don't know how to make a specific design here with tailwind. As far as I know tailwind has its own colors. How can we import a color from outside?

Steph• 500

@xStephx

Posted 3 months ago

@cahitalpdemir thank you for your feedback! You can learn everything about Tailwind CSS from their documentation and about import a color from outside you can add in tailwind.config.js . If you have any other question feel free to ask!

SatishB15• 160

@SatishB15

Posted 3 months ago

This comment was deleted 3 months ago

Steph• 500

@xStephx

Posted 3 months ago

@SatishB15 thank you! Yeah, you can add me on discord from my github.

SatishB15• 160

@SatishB15

Posted 3 months ago

@xStephx Can you check Discord I have sent you request. My username: https://discord.gg/wCw7CqJH

Steph• 500

@xStephx

Posted 3 months ago

@SatishB15 I accepted your request.

Vinayak• 300

@V102002

Posted 3 months ago

This is great! Just one question, how did you get your screenshot to be displayed because for some reason for it isn't working but the site is displayed correctly when previewed

Steph• 500

@xStephx

Posted 3 months ago

@V102002 thanks for your feeback! If you mean for screenshot on github readme file how I add screenshot, you can add like ![](./path-on-screenshot). If you have any other question, feel free to text me!

Vinayak• 300

@V102002

Posted 3 months ago

will do thanks!@xStephx

Munib ahmad• 190

@MunibAhmad-dev

Posted 3 months ago

Good job!

Steph• 500

@xStephx

Posted 3 months ago

@MunibAhmad-dev thank you!

Please log in to post a comment

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