とても便利なflex-box。

横並びにした時に高さも揃うのでとても便利だと思います。

ですが高さを揃えずに表示したい時のやり方を紹介いたします。

通常の表示の場合

• 

このように自動的に高さが揃って表示されます。

高さを揃えたくない時

揃えたくない時はalign-items: flex-start;を使います。

親要素に対してalign-items: flex-start;を指定するだけです。

すると・・

• 

このように先程とは違い、高さを揃えずに表示することができます。