@aemann2
Posted
Hi Dominic,
One problem I noticed is that if the user opens too many accordion tabs, the text will go off the page. I solved this in my solution by writing some JS to only let one tab be open at a time.
The way the box is animated to look like it's levitating is a really nice touch -- I didn't even think to do that.
@DeKodingCode
Posted
@aemann2 Thanks!
I just used a simple box-shadow for the effect.
In terms of the accordion tabs, The left and right side of the actual FAQ 'card' is split into two divs, respectively, using Flexbox. For the side which has the questions, I had incorporated overflow: scroll, which would allow the user to scroll when too many accordion tabs were open.
Had a look at yours, I like the idea of only having one open at a time.