Semantic-UI:如何限制卡片内容块,使其不会推送额外内容

Semantic-UI: How to limit card content block so it doesn’t push extra content

我正在尝试使用语义-UI 网格和卡片制作整页网格。

这是我得到的:http://codepen.io/emzero/pen/Vjrrab?editors=1100

看看当屏幕尺寸不够大时,extra content(黄色)是如何被推下并推出卡的? 我希望 extra content 始终显示在卡片底部,如果 body 内容不合适,则只显示 trim。

谢谢

正文的内容也是display: flex

这是生成的版本:http://codepen.io/emzero/pen/rLGAzy