フレックスボックスの等高さ（異なるサイズのコンテンツで）が動作しません

Question

フレックスボックスを使用して、ホームページにWordPressの最新の投稿を出力するグリッドを作成しようとしています。しかし、各ボックス内のコンテンツが異なるため、各ボックスの高さは等しくなく、それによって問題が発生します。私はalign-item = justifyといくつかの推奨オプションを使ってみましたが、何も動作していないようです。

.home-latest-posts { 
     display: flex; 
     flex-wrap: wrap; 
} 
.home-latest-posts .post { 
    background: #fff none repeat scroll 0 0; 
    display: inline-flex; 
    flex-direction: column; 
    margin: 0; 
    width: 32%; 
} 
.home-latest-posts .post:nth-child(3n+2) { 
    margin-left: 2%; 
    margin-right: 2%; 
} 
.home-latest-posts .post .entry-title { 
    padding: 1em 3em 0.5em; 
} 
.home-latest-posts .post .entry-content { 
padding: 0 3em 1em; 
} 

をしかし、干渉している可能性があり、他のコードがあるかもしれないので、あなたたちは全体像を得ることができるので、私は実際のページへリンクします。ここでは

は、私が使用していCSSです。

このテストサイトで問題が発生しています（http://moneyrope.com/）。それは "最新のお金のヒント"の下のセクションです。

ごめんなさい。それは単なるテストサイトです。

Answer 1

はprefixすべてのコードを忘れないでください

.widget-wrap { 
    display: flex; 
    flex-wrap: wrap; 
} 
.home-latest-posts .post { 
    margin-bottom: 3rem; 
} 

この部分を追加します。 min-width @mediaクエリ