flexのカラムで高さを揃えない方法

Flexboxを使用したレイアウトにおいて、カラムの高さを揃えたくない場合があります。その際は、align-items: flex-start;を使用することで、各アイテムの高さを異なるものに設定することが可能です。

このスタイルルールは、Flexコンテナ内のアイテムが自身のコンテンツに合わせて高さを調整します。すなわち、各アイテムの高さは他のアイテムとは無関係になり、自身のコンテンツに基づいて自動的に調整されます。