フレックスを使ってdivを個別にサイズ調整する

Question

display: flexを使用して、応答性のあるカードベースのダッシュボードを作成しています。

Fiddle here.

Iは、カード（個々の要素div）全てが収縮時または行に同じサイズを維持するように垂直に展開ことに気づきました。したがって、最大（または最高）のカードの高さは、同じ行の残りのカードによって継承されます。

注：フィドルウィンドウのサイズを変更する場合は、複数のカードが行に存在するのみとき、この問題が発生わかります。したがって、ウィンドウが小さすぎて1つのカードしか水平にできない場合、サイズは内部のコンテンツに依存します。

私はここに私の質問だとやっているどのプロパティを見つけ出すように見えることはできません。

カードがリサイズを取得しないように取得する方法は？

OR

display: flex

Answer 1

を使用せずに、応答性を維持する方法あなたはカードのサイズを変更したくない場合は、フレックスコンテナにalign-items: flex-startを持っていたのmin-height: 250pxを削除する必要がありますカード。おそらくあなたはカードにheight: autoを設定することができます