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

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