Эквивалентная высота или почему не работает трюк с flex?

Question

[Heorhii]

Всем привет, тривиальная задачка - сделать блоки одинаковой высоты, пример тут, тэг a в который обёрнута карточка высотой по дефолту 100% (если добавить белый фон то видно), но это плохой вариант, поскольку вверху у меня ещё есть картинки которые при таком подходе придется приподнять вверх на пару пикселей чтоб не было полосы, а больше у меня идей нет как это можно реализовать. И ко всему этому вопрос, почему в моём случае не срабатывает свойство flex?
.article_item { flex: 1 0 auto }

Answer 1

[Сергей delphinpro]

В ваших стилях сложно разобраться. Приведите код в порядок.

У вас все работает. Просто есть обертка внутри (сслыка). Сделайте ей display: flex; flex-direction: column; и растяните текстовую часть flex-grow: 1;

Comments

[Heorhii]

Вау, это магия
Спасибо большое!