How to make Card height the same. Not classic type

[AtomAntonym]

I would like the flip cards to have the same vertical height when viewed on desktop.
It works great on mobile - the text seems to shrink accordingly.
Ideally, I’d like that to happen on desktop too, however, if that’s not possible, then I guess 660px should be enough
Here’s the page: https://www.allos.com.au/about/

So far I have attempted

CSS (on page, not global because I’m not sure if that might affect other cards on the site) from here

Minimum height for card element

I used the card element and the heights are different for each. I tried setting a minimum height using the following CSS, but it did not work. This is the CSS I used. .custom-card .x-card-outer .x-card-outer { min-height:300px; } This is on the page titled Historical Statements. Please take a look and point me in the right direction. Thanks.

But nothing changed.

Then tried JS - but nothing changed

Classic Card - want to make all the same height

Hey, thanks for your response! It worked properly (all same height even on tablet screen) once I changed it to: if ( mobile > 769 ){ Somehow it didn’t display right for tablet view; but was good for PC screens when you had >767. Thanks so much!

did not try these JS because it’s for classic cards, and I’m using the regular type

Custom javascript for equil height flip cards changes cornerstone preview

Hi there. i followed this thread to get my flip cards to be equil height: Here is my code: (function($){ $(window).bind(‘ready load resize’, function(){ var max = 0, mobile = $(window).width(); if ( mobile > 767 ){ $(".staff-section .x-card-inner").each(function(index, el) { if( $(this).height() > max ){ max = $(this).height(); } }); $(".staff-section .x-card-inner").css(‘min-height’, max); } }); })(jQuery); @media (min-width: 768) and (max-width: 979px) { .staff-section .x-f…

Classic Cards / Flip Cards Same Height (CLASSIC)

[AtomAntonym]

Figured it out - case closed

.x-card {
height: 100%;
}

[tristup]

Hi Antony,

Glad that you are able to find the solution.

Thanks