Ankhena

Так https://codepen.io/anon/pen/rZbvEj для одинаковой высоты.

Если высоту надо ограничивать, то задавайте еще overflow hidden и внизу абсолютом приделывайте кнопку Подробнее.

Есть flex:1, есть calc
https://jsfiddle.net/j4wpxLgp/

Как-то так: https://jsfiddle.net/ucu5hkj5/ если именно флексом.
Если e-mail не будет помещаться на одну строчку, то идея дизайнера рассыплется, но это проблемы дизайнера. Либо обрезать его с помощью text-overflow. Либо изменять размер шрифта e-mail'а, так, чтобы всегда влезал в 1 строчку, тогда можно избавиться от min-height, но прибавится js.

https://jsfiddle.net/n1wn9gvw/

Если использовать space-between, то чтобы последний ряд был как flex-start, то добавляют пустые блоки. Столько сколько максимально влезает блоков в строку -1.

У меня для этого специальный класс сделан

.empty-flex {
  height: 0;
  border: 0; //опционально, для универсальности
  text-decoration: none;  //опционально, для универсальности
}

Хак:
Добавить несколько пустых блоков с нулевой высотой и шириной.
Количество таких блоков = максимально количество блоков в строке минус 1

Самое простое: открыть этот самый normalize.css и посмотреть, что в нем написано и решить удобен ли он лично для вас, когда используете флекс или не используете его.