Ant Design Cards не выравнивается должным образом

Question

Я пытаюсь создать адаптивный дизайн с карточками.Однако, если текст внутри карточек не имеет одинаковых размеров, карточки странно заворачиваются.То, чего я пытаюсь добиться - это иметь 4 строки с 8 столбцами карточек с изображением и текстом.Я также попытался использовать List, но опять же, если размер текста внутри каждой карты не равен, карты не разделяются одинаково.

Код Pen Link

Answer 1

Вы можете использовать для отображения текста:

   <Meta
      title="Card title"
      description="This is the description"
    />

Answer 2

Быстрое исправление может быть с помощью CSS:

.ant-card-body{
  min-height: 80px;
  max-height: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
}