Equal Height Column - Buttons aligned at bottom

Hi there,

I’m having trouble getting my column to be equal height, but also for image and buttons at the bottom to align with each other. I’ve been trying to do what is mentioned in many other posts, but have had no luck.

Can you help me with this?

Tried this code:
jQuery(document).ready(function($) {
var max = 0;
$(".x-section .same-height-column").each(function(index, el) {
if( $(this).height() > max ){
max = $(this).height();
}
});
$(".x-section .same-height-column").css(‘height’, max);
});

and tried the CSS version:

@media (min-width: 768px) {
.equal-height .x-container {
display: flex;
}
}

Hey @designandstuff,

Please apply the suggestions from this related thread:

Hope this helps.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.