Измените размер всех карт подряд, если размер одной из них изменен
У меня есть четыре карты, которые видны вверху страницы. Высота карточки меняется в зависимости от текста внутри нее. Размер карт также изменяется при изменении размера окна. Я хочу убедиться, что все карты подряд имеют одинаковую высоту.
Демонстрация Stackblitz: https://stackblitz.com/edit/angular-xv3syn
Что я пытаюсь сделать, так это получить максимальную высоту среди карт и установить одинаковую высоту для других карт. Каков наилучший способ добиться этого?
Это просто заменит часть if else. Я уже устанавливаю максимальную высоту для других карт.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 3
Добавьте это в свой столбец
.col-md-6{
display:grid;
}
вы можете сделать это с помощью свойства CSS display: flex;.
Без примера это просто комментарий.
я просто меняю размер столбца, теперь вы можете видеть, что все имеют одинаковый размер, вы можете получить это, назначив соответствующий размер каждому столбцу
Старайтесь не публиковать скриншоты кода/примеров. Почти всегда лучше опубликовать фрагмент.
Почему бы вам не создать массив высот и не использовать Math.max() для определения максимальной высоты и использовать ее во всех карточках?