Tailwind CSS 練習問題 7：Tailwindのレスポンシブデザイン
画面幅が768px以上の時だけ、パディングを16pxから32pxに変更したい場合、正しいTailwindクラスはどれですか？
- p-4 md:p-8
- p-4 lg:p-8
- p-4 screen-md:p-8
- p-4 tablet:p-8
- p-4 sm:p-8
Qraftユーザーの成績：正答率 82%（9/11回正解）
正解と解説を見る
正解：p-4 md:p-8
Tailwindのレスポンシブデザインはブレークポイントプレフィックスで制御します。`md:`は768px以上を意味し、`p-4 md:p-8`は通常時16px、768px以上で32pxのパディングになります。標準ブレークポイントは`sm(640px)`, `md(768px)`, `lg(1024px)`です。