演習（第4部）

ユーティリティは「組み合わせて作る」のが本質です。Tailwind Play で実際に組み立てましょう。

1. カードを作ろう: 白背景・角丸・影・内側余白を持つカードに、太字の見出しとグレーの本文を入れてください（第10章〜第13章）。使ったクラスをすべて挙げ、それぞれが何を担当しているか説明できますか。
2. レスポンシブグリッド: 商品カードを「スマホで 1 列、タブレットで 2 列、PC で 3 列」に並ぶグリッドにしてください（§16.6）。
3. 任意の値を疑う: p-[17px] と書きたくなる場面を 1 つ想像し、それを spacing スケール（p-4/p-5 など）で代替できないか、できないならテーマ変数にすべきか、を判断してください（§10.5・§10.6）。