Чтобы дочерние элементы были одной высоты (по максимальному в строке), им не нужно задавать display: flex.
.list
.list__item
.card.list__item будут одной высоты, но не имея визуальных стилей этого не видно, а карточки уже вне флекс потока и не выравниваются.display:flex для .list_item заставит дочерние .card занять всю высоту (т.к. align-items по умолчанию stretch).
в уроках по Yii всё разжёвывают без всякой консоли.
А с чего стоит?
<button data-form-id="f1">form1</button>
<button data-form-id="f2">form2</button>
<div id="f1"></div>
<div id="f2"></div>document.querySelectorAll('button').forEach(btn => {
const form = document.getElementById(btn.dataset.formId);
form.style.display = 'block';
})