Изменить размер всех карт подряд, если один из них изменен

Question

У меня есть четыре карты, которые видны в верхней части страницы.Высота карты меняется в зависимости от текста внутри нее.Размеры карт изменяются при изменении размеров окна.Я хочу убедиться, что все карты подряд имеют одинаковую высоту.

Демонстрация Stackblitz: https://stackblitz.com/edit/angular-xv3syn

Я пытаюсь получить максимальную высоту средикарты, и установите ту же высоту для других карт.Каков наилучший способ добиться этого?

Answer 1

Добавьте это в свой столбец

.col-md-6{
  display:grid;
}

Answer 2

я просто изменил размер столбца, теперь вы можете видеть, что все имеют одинаковый размер, вы можете получить эту вещь, назначив соответствующий размер для каждого столбца

Answer 3

вы можете сделать это с помощью свойства CSS display: flex;.