Submitted almost 4 years ago

FAQ accordion card with html & sass

@dewslyse

A solution to the FAQ accordion card challenge

Solution retrospective

Hi all! I just completed the FAQ accordion card challenge. This challenge turned out to be arduous 😬, however I'm happy with the outcome. Pixel perfect 🤷?

I used html's details disclosure element for this one. In the FAQ section, I set an overflow: auto on the questions and hid the scrollbar. Do you think the scrollbar needs to be hidden? Will it occur to a user to scroll in the faq region when questions are opened. Lemme know what you guys think. Thanks 😄

EDIT: The scrollbar in the FAQ region is now visible.

Happy coding!!

Code

Please log in to post a comment

Community feedback

Harmanjot Singh•985
@arkharman12
Posted almost 4 years ago
Just a thought, but maybe automatically close the previous <li> when opening a new one. This can eliminate the need of a scrollbar. Also, make the opening and closing of list elements a bit smoother?

Good job though!

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