Why does a flex item not want to push another flex item?

Question

css

https://jsfiddle.net/b15u0sky/47/

We need the .card-top to push down the card-bottom so that they are the same height all the time, no matter how much content there is.
Well, that's not happening! Why???? Thanks in advance!