Как добавить ширину элементам, при необходимости?

Question

[eellazy]

Всем привет, есть событие которое при необходимости добавляет ширину блока. Сделан с целю визуализации элементов. Они все выглядят одинаково.

$.fn.equivalent = function (){
        var $blocks = $(this), 
            maxH    = $blocks.eq(0).height();
        $blocks.each(function(){
            maxH = ( $(this).height() > maxH ) ? $(this).height() : maxH;
        });

			$blocks.height(maxH); //устанавливаем найденное максимальное значение высоты для каждого блока jQuery выборки
		}
		$('.listing-card.col-md-2 .listing-attr.radius_app').equivalent(); //применяем нашу функцию в элементам jQuery выборки - $()
		$('.listing-card.col-sm-6.col-md-4 .figure').equivalent(); //применяем нашу функцию в элементам jQuery выборки - $()
		
		
		$(window).resize(function(){
			$('.listing-card.col-md-2 .listing-attr.radius_app').css('height','auto').equivalent();
		});
		$(window).load(function () {
			$('.listing-card-list').animate({
				'opacity':1
			},300);
		});

Но есть проблема. При ресайзе окна все показывается как надо. Но если попросту обновить страницу. То блоки режутся.

Или же какие есть еще альтернативы добавления высоты блоку при необходимости?

Comments

[Dexmaster]

Все можно сделать в css через flexbox, если можно пример конечного html без js, могу показать как.