Tailwind CSS 練習問題 30：Tailwindのアスペクト比ユーティリティ

Tailwind CSSにはaspect-ratioプロパティに対応するユーティリティとしてaspectクラスが用意されており、任意の比率を指定する場合は角括弧記法を使います。

【正解の理由】
「aspect-[16/9]」はCSSのaspect-ratio: 16/9に対応する記法で、任意の比率を角括弧内に「幅/高さ」の形式で指定します。なお標準では「aspect-video」（16:9）や「aspect-square」（1:1）といった定義済みクラスも用意されています。

【不正解の理由】
• 「ratio-16-9」：Tailwindにこのようなクラス名は存在しない
• 「aspect-ratio-16-9」：CSSプロパティ名をそのまま使った形式であり、Tailwindの命名規則ではない
• 「size-16/9」：sizeは幅と高さを同時に指定するユーティリティであり、比率指定には使われない
• 「aspect-16:9」：コロンを使う記法はTailwindには存在せず、コロンは状態バリアント（hover:など）の区切りに使われる