Click interactions and flex box

Design help Animations & Interactions
1

Howdy groovers and shakers!
Busting my chops on this one - hope you can help.

I have 4 ‘cards’. Click to drop down.
Each card has txt content of varying heights.

Screenshot 2023-05-22 at 8.52.01 pm
Screenshot 2023-05-22 at 8.52.01 pm1920×1165 203 KB

How do I achieve identical height when open? I’ve tried what I think to be every combination of divs and flexbox, still with no joy :frowning:

**By height what I mean, is colour background of the actual card itself. .

Please help ObiWan - you’re my only hope

Share link here

2

Ha - if at first you don’t succeed - keep going.
Solution:

  • Dropdown container = flex vertical 100% height

  • Wrap the trigger and the image in a div