align-items: center; による差分がわかりやすいよう画像を修正

Author: nakaterm

docs/2-browser-apps/05-css-layout/after-align-center-card-header.png

@@ -394,6 +394,10 @@ HTML要素は、それらが表示される際のデフォルトの振る舞い
 
 `align-items`プロパティを使うことで、`flex-direction`プロパティで指定した方向と交差する方向のレイアウトを制御できます。
 
+現在は、プラン名とリンクは中央に揃っていません。
+
+![align-itemsプロパティを設定していないカードの上部](./before-align-center-card-header.png)
+
 次の例では、`align-items`プロパティを`center`に指定することで、プラン名とリンクを垂直方向の中央に配置しています。
 
 ```css
@@ -405,7 +409,7 @@ HTML要素は、それらが表示される際のデフォルトの振る舞い
 }
 ```
 
-![内部の要素にalign-items: center;を設定したカード](./align-center-card.png)
+![align-itemsプロパティを設定したカードの上部](./after-align-center-card-header.png)
 
 <ViewSource url={import.meta.url} path="_samples/align-center" />