Tailwind CSS 練習問題 19：Tailwindの表示・非表示（display）ユーティリティ

Tailwind CSSで要素を完全に非表示にし、レイアウト上のスペースも占めないようにするには`hidden`クラスを使います。これは`display: none;`に対応します。

【正解の理由】
`hidden`クラスは`display: none;`を適用し、要素をレンダリングツリーから除外します。これにより要素はページ上のスペースを一切占有しなくなります。

【不正解の理由】
• 「invisible」：`visibility: hidden;`に対応するクラスで、要素は見えなくなるがレイアウト上のスペースは保持されたままになるため、質問の意図（display: noneにする）とは異なる
• 「display-none」：Tailwindの実際のクラス名ではなく、このような表記は存在しない
• 「opacity-0」：透明度を0にするだけで、要素は透明になるがクリック等のイベントやレイアウト上のスペースはそのまま残る
• 「collapse」：主にテーブルの行や列に対して`visibility: collapse;`を適用するための特殊なクラスであり、一般的な要素の非表示には使わない