mischacolley
6/21/2014 - 12:37 AM

Responsive Equal Height Columns. This can also be adjusted to do the same for width.

Responsive Equal Height Columns. This can also be adjusted to do the same for width.

responsive_equal_height_columns.js.coffee
content_copyfile_download
# Set div etc to match the height of another and adjust on window resize
	
equalHeight = $('.target').css('height')
$('.match').css 'height': equalHeight

$(window).resize ->
  `var equalHeight`
  equalHeight = $('.target').css('height')
  $('.match').css 'height': equalHeight
  return
responsive_equal_height_columns.js
content_copyfile_download
// Set div etc to match the height of another and adjust on window resize
	
var equalHeight = $('.target').css('height');
$('.match').css({'height':equalHeight});

$(window).resize(function(){
	var equalHeight = $('.target').css('height');
	$('.match').css({'height':equalHeight});
});