1. React で CSS グリッド レイアウトを使用してレスポンシブなレイアウトを作成する方法
   Media クエリを使用するMedia クエリは、CSS レベルで画面サイズに基づいてスタイルを適用する最も一般的な方法です。以下の例では、useMediaQueryフックを使用して、画面幅が 600px 未満の場合に要素のスタイルを変更する方法を示します。