問題一覧に戻る
中級CSS基礎
問題34: モーダルウィンドウ
position fixedとflexboxを使ってモーダルウィンドウを作成しましょう!
以下のタスクを完成させてください:
📝 タスク1: 1つ目の___にfixedを入れて画面全体に固定配置
📝 タスク2: 2つ目の___にflexを入れてフレックスボックスを有効化
📝 タスク3: 3つ目の___にcenterを入れて水平方向の中央配置
📝 タスク4: 4つ目の___にcenterを入れて垂直方向の中央配置
📝 タスク5: 5つ目の___にrelativeを入れて相対配置を設定
HTML(読み取り専用)
CSS コードエディタ
リアルタイムプレビュー