Как сделать так, чтобы при отсутствии блоков (артикул, старая цена) верстка не сужалась\не скакала?

Question

[z_u_l]

Здравствуйте. Как сделать так, чтобы при отсутствии блоков (артикул, старая цена) верстка не сужалась\не скакала? Т.е цена должна быть напротив цены, скидка напротив скидки, название напротив названия. Пока у меня есть только идея оставлять блоки со скидкой и артикулом пустыми (там, где они не нужны), задав им высоту. Но это уж как-то очень костыльно. Есть ли нормальный способ реализовать такое в моей ситуации?

Ссылка на пример

Comments

[Даниил Маслов]

задайте минимальную высоту блоку card, например min-height: 250px;

[z_u_l]

s0xzwasd, задал, но от этого ничего не изменится ж. Цена не будет напротив цены, скидка не будет напротив скидки и т.д.

[alex-1917]

И что, предлагаете пустые места оставлять?
Будет смотреться похабно.

Посмотри как сделано в эльдорадо-мвидео.
Основные поля (название, цена) - идут первыми.
Ниже то что, может отсутствовать.
Как вариант, скидку показывай в одной строке с ценой.
Как вариант, артикул позиционируй независимо, т.е. position:absolute
И не стоит придумывать верстку под рандомную длину товара, длинные названия товара - это неадекватность владельца магазина + сео-шник начинашка.
У эльдо-мвидео поле под название вообще жестко по высоте задано, т.е. две(три) строки по высоте и баста, смотри и учись.

Заморачиваешься по ерунде какой-то. А если дизайн-макет у тебя такой, то значит дизайнер бестолковый
Вот смотри скрин, выделил тебе два поля:

• название в три строки,
  
• скидка в одной строке с ценой
  

spoiler