問題一覧に戻る
上級CSS基礎
問題49: Gridエリア
grid-template-areasでレイアウトエリアを定義しましょう！
以下のタスクを完成させてください：
📝 タスク1: 1つ目の___にgrid-template-areasを入れてエリアを定義
📝 タスク2: 2つ目の___にheaderを入れてヘッダーエリアを指定
📝 タスク3: 3つ目の___にsidebarを入れてサイドバーエリアを指定
📝 タスク4: 4つ目の___にmainを入れてメインエリアを指定
📝 タスク5: 5つ目の___にfooterを入れてフッターエリアを指定
HTML（読み取り専用）
CSS コードエディタ
リアルタイムプレビュー