Submitted 8 months ago

FAQ accordion with functionality but no animation

Rebeka• 170

@BekiaD

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

Solution retrospective

Js could be dryer, also would love to have an animation for folding up and down for the <p> but that's for next project. Also improvement on the responsiveness?

Community feedback

Daniel 🛸• 44,230

@danielmrz-dev

Posted 7 months ago

Hello again @BekiaD! 🙋🏽‍♂️

Your project looks really good!

I just have one suggestion:

You don't need a separate container to create that background pattern. You can use both background-color and background-image together on the body. They will not cancel each other.

I hope it helps!

Other than that, great job!

Marked as helpful

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