Maксим Волков

Благодарю за советы ограничится возможностями CSS. В моем случае это не получится, по крайней мере я не представляю как это возможно сделать, так как карточка товара несколько сложнее чем на первом скриншоте.

На некоторых товарах выводятся блоки с разными типами цен - скидками. Кроме того на Hоver - появляется кнопка купить с выбором количества. Вобщем без JS не обойтись.



Нашел решение на просторах интернет, учитывая, что, возможно решение пригодится кому-нибудь еще приведу пример кода функции:

function funcItemsHeight(domItem) {
	var menuItems = document.querySelectorAll(domItem);
	var top = menuItems[0].offsetTop;
	var arrHeight = [];
	var arrItems = [];
	for (var i = 0; i < menuItems.length; i++) {
		menuItems[i].style.height = 'auto';
	}
	for (var i = 0; i < menuItems.length; i++) {
		if (top != menuItems[i].offsetTop) {
			arrHeight.sort(function (a, b) { return b - a });
			for (var j = 0; j < arrItems.length; j++) {

				arrItems[j].style.height = arrHeight[0] + 'px';
			}
			top = menuItems[i].offsetTop;
			arrHeight.length = arrItems.length = 0;
			i = i - 1;
			continue;
		}
		arrHeight[arrHeight.length] = menuItems[i].offsetHeight;
		arrItems[arrItems.length] = menuItems[i];
	}
	arrHeight.sort(function (a, b) { return b - a });
	for (var j = 0; j < arrItems.length; j++) {
		arrItems[j].style.height = arrHeight[0] + 'px';
	}
}
window.onresize = funcItemsHeight;

funcItemsHeight('.ВАШ_ЭЛЕМЕНТ');