Animated FAQ Accordion with animated dropdowns

What are you most proud of, and what would you do differently next time?

The dropdown effect in the FAQ questions was difficult to animate, primarily because there is no concept of animating to height: auto; from a height: 0;.

I came across a solution to this, by using max-height for animating the opening/closing of the dropdown, by implementing variation between a large max height and another one of 0 height.

I am currently exploring better ways of this animation, using grid or flexbox.