Hi this looks really nice and works great. With collapsible sections its more usual a ui patten to be able to have more than one open at once, this is more like tab functionality in an accordion style. But still looks good!
One real enhancement would be to add keyboard functionality. The easiest may to make your solution accessible would be to use a button as the trigger. That means you'd not have the questions in a paragraph, but they could be in a span inside a button. That would give you full keyboard interactivity and focus very easily.
Good luck with it ☺
Ps Upvote if the comments are helpful
@RenszCamacho
Posted
Hello @grace-snow. Good point about collapsed sections. That was the first thing I thought about, using a toggle, and that way I could keep more than one section open, but I changed my mind because by keeping more than one section open, at some point, it would go out of the box. And I would have to put an 'overflow: hidden' and '-webkit-scrollbar: display none'. And I wasn't sure if that was the best way to do it. (But now I have it clearer )
About keyboard functionality. It's something I hadn't thought of. I'm going to work on it.
Many thanks for the feedback.
P.s: Have a Happy New Year.