`align-items`と`justify-content`は、CSS Flexboxレイアウトにおける2つの重要なプロパティです。これらはFlexboxコンテナ内でのアイテム（子要素）の配置を制御するために使用されますが、配置される軸が異なります。 `align-items` `align-items`プロパティは、Flexboxの交差 ...

同じコンテナ内でも文字数が違う場合、横幅を狭めることで文字数が多い方が背景が広くなってしまいます。 それを防ぎ自然な見た目にしてくれるのが"display: flex;"の ”align-items: stretch;”です。