Site URL: https://fiddle-apricot-633p.squarespace.com/
Hi Circle Community!
Site Password: brianamathias
In the SERVICES section, I've created 3 columns and customized them using flexbox. Each column has an accordion block at the bottom, that when expanded, expands the column. I'd like all 3 columns to have the same height when nothing is expanded and only change that height when the respective accordion block is expanded.
I used display: flex; and align-items: stretch; at first, which made all 3 columns have the same height but then when one of the accordion blocks was expanded, the other two columns expanded with it. I've attached screen shots to demonstrate.
I'd like to target the height of the columns in another way to make them all the same height (and still responsive). On mobile this isn't an issue since the columns stack.
Thank you!