Home jquery responsive CSS box height same each div

CSS box height same each div

,

Responsive Equal Height Divs

Make equal height columns
$('.box-contain').each(function () {
    var box = $(this),
        boxes = $(this).find('.box'),
        boxPaddingTop = $(boxes).css('padding-top'),
        boxPaddingBot = $(boxes).css('padding-bottom'),
        boxMarginTop = $(boxes).css('margin-top'),
        boxMarginBot = $(boxes).css('margin-bottom'),
        boxHeight = $(box).height(),
        boxSum = parseFloat(boxHeight) - parseFloat(boxPaddingTop) - parseFloat(boxPaddingBot) - parseFloat(boxMarginTop) - parseFloat(boxMarginBot);
    $(boxes).css("height", boxSum);
});
CSS box height same each div CSS box height same each div Reviewed by Bhaumik Patel on 7:23 PM Rating: 5