Cards List resize on page resize leads to broken layout

[amivanoff]

Correct Cards List behavior:

• All Cards should always have equal height regardless the size of its content and page resize state.
  • Text fields should have fixed sizes (e.g. two text lines by all-width or one text line by fixed % width).
    • If text overwflows text field -- excess text should be hidden with ellipsis.
• All Cards should always have equal width regardless the size of its content and page resize state.
• Product Picture width should always be 100% of the Card's content width (after borders, paddings, etc.), regardless page resize state.
  • If due page resize Cards increases width (page width increased by user or page width decreased by user but List decreased Cards count in a row)
    • Then Picture should also increase its width to occupy all 100% of the Card's content width.
      • But Picture should be resized only proportionally, so height increases proportionally.
    • So Card's width increase leads to the List row's width increase and all list length increase.
  • The opposite (width decrease) Picture behavior should be in the opposite situation.
• Text blocks maintains during resize its width (persentage, or fit-all-content), in-card-position and height (in text lines).
  • If text block width decreases, more excess text should be hidden with ellipsis.

Cards List examples:

• https://www.wildberries.ru/catalog/igrushki/antistress?bid=850466df-bb09-45df-83fe-ff0a4253b26b
• https://www.amazon.com/s?i=toys-and-games-intl-ship&bbn=16225015011&rh=n%3A166027011%2Cn%3A17238448011%2Cn%3A17238449011&dc&qid=1632403017&rnid=17238448011&ref=sr_nr_n_1