Как на JS сделать колонки одинаковой высоты?
Вообще-то на CSS можно без проблем такое сделать. По пути наименьшего сопротивления → на гридах с параметром 1fr для шаблона по высоте. На флексбоксах тоже такое можно муткануть, но не так приятно, как на гридах.

А на JS надо брать размер элемента, можно сразу три, чтобы сравнивать и брать больший, а затем присваивать его всем в качестве min-height (иначе при перерасчетах он будет всегда фикс высоту выдавать).

Желательно это все завернуть в функцию, которую вызвать при инициации скрипта И запустить в вотчере события изменения размера окна.
Нашел решение, продублировать пришлось код для двух колонок, не красиво, но с этим буду разбираться дальше, так как нужно для вторых колонок, вычесть высоту первых при условии что центральная колонка выше обоих. Сложно пипец.
jQuery(function($){
	
	var max_col_height = 0; // максимальная высота, первоначально 0
	$('.box_one').each(function(){ // цикл "для каждой из колонок"
		if ($(this).height() > max_col_height) { // если высота колонки больше значения максимальной высоты,
			max_col_height = $(this).height(); // то она сама становится новой максимальной высотой
		}
	});
	$('.box_one').height(max_col_height); // устанавливаем высоту каждой колонки равной значению максимальной высоты
//////////	
	var max_col_height2 = 0; // максимальная высота, первоначально 0
	$('.box_two').each(function(){ // цикл "для каждой из колонок"
		if ($(this).height() > max_col_height2) { // если высота колонки больше значения максимальной высоты,
			max_col_height2 = $(this).height(); // то она сама становится новой максимальной высотой
		}
	});
	$('.box_two').height(max_col_height2); // устанавливаем высоту каждой колонки равной значению максимальной высоты
	
});