問題一覧に戻る
上級CSS基礎
問題60: レスポンシブタイポグラフィ
clamp()関数を使った流動的なタイポグラフィを実装しましょう！
📝 タスク1: 1つ目の___にclampを入れて流動的なサイズ関数を開始
📝 タスク2: 2つ目の___に4vw + 1remを入れて可変値を設定
📝 タスク3: 3つ目の___に--rhythmを入れてCSS変数を定義
📝 タスク4: 4つ目の___にvar(--rhythm)を入れて変数を参照
📝 タスク5: 5つ目の___にletter-spacing: 0.02emを入れて文字間隔を設定
📝 タスク6: 6つ目の___にmax-width: 65chを入れて読みやすい行長を設定
HTML（読み取り専用）
CSS コードエディタ
リアルタイムプレビュー