Flip Cards the same height

[MulderDSM]

Tried to follow one of your videos, but couldn’t get equal card flip cards to be the same height.

Scenario: Using Pro, I created a new Row with 3 columns. In each column I placed a Card and placed content on the front and back of the flip card. With flexbox and stretch, I thought I could make them all 3 the same height, but I’ve been unsuccessful.

[nabeel]

Hi @MulderDSM,

Thank you for reaching out to us. To make the flip cards of same height, simply inspect your Section that contains the card elements, go to Customize tab > Element CSS and paste the following code inside:

$el .x-card {
  height: 100%;
}

Let us know how this goes!

[MulderDSM]

Thank you! That did the trick! You guys should consider adding that as a control on a future update to that element.

[nabeel]

Hey @MulderDSM,

We certainly appreciate the feedback! This is something we can add to our list of feature requests. This way it can be taken into consideration for future development. All of these items are discussed with our team internally and prioritized based on the amount of interest a particular feature might receive.

We’re glad the solution worked for you. Cheers!