演習問題の完成イメージの画像を動画に差し替え

Author: nakaterm

docs/2-browser-apps/05-css-layout/index.mdx

@@ -4,6 +4,7 @@ title: CSSによるレイアウト
 
 import responsiveCardsVideo from "./responsive-cards.mp4";
 import responsiveCenterCardsVideo from "./responsive-center-cards.mp4";
+import responsiveHeaderVideo from "./responsive-header.mp4";
 
 この節では、CSSを使用してHTML要素のレイアウトを調整する方法を学びます。
 
@@ -470,8 +471,7 @@ HTML要素は、それらが表示される際のデフォルトの振る舞い
 
 CSSを使って、次のようなウェブサイトのヘッダーを作成しましょう。
 
-![ヘッダーの完成形のデスクトップでのイメージ](./responsive-header-desktop.png)
-![ヘッダーの完成形のスマートフォンでのイメージ](./responsive-header-mobile.png)
+<video src={responsiveHeaderVideo} controls />
 
 - 画面幅が広い場合は、ナビゲーションメニューが表示されます。
 - 画面幅が狭い場合は、ナビゲーションメニューの代わりにハンバーガーアイコンが表示されるようにします。