Responsive columns with set height

[KimAnn]

Hello,

On this page: https://leadas.love/our-philosophy/

The 6 boxes- I’d like to maintain the set height, but for all contents in the box to be responsive. Right now when I make the screen smaller the text pours over the border.

Please advise.

TY

[paul.r]

Hi,

To achieve that, please remove the height you have to your columns then add this in Cornerstone > JS

jQuery(window).on("resize", function () {
	var max = 0;
	jQuery(".e213-29.x-container .x-column").each(function(index, el) {
		if( jQuery(this).height() > max ){
			max = jQuery(this).height();
		}
	});
	jQuery(".e213-39.x-container .x-column").css('height', max);
}).resize();

Hope that helps.