Submitted almost 3 years ago

FAQ Accordion Card

accessibility

Zosima•220

@SantiagoPonce

A solution to the FAQ accordion card challenge

Preview Code

Solution retrospective

The resolution of this exercise frustrated me a bit (mainly because of the desktop version and the lengthening behavior when answers are opened) I thought the best practice was to let a container mold to its content and grow with it, but this exercise makes me think that sometimes it's necessary to set the size of the container.

Even so, I find the change of colors that I implement very beautiful

Aspects to improve

Size of the container uniform and independent of the open answers
Restrict the number of open answrs simultaneously to 1

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Zosima's solution.

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