コンテナクエリの使い方

✅ 回答

メディアクエリはビューポート（画面全体）のサイズで判定しますが、コンテナクエリは親要素のサイズで判定します。container-type: inline-sizeを親に設定し、@container (min-width: 400px)のように書きます。コンポーネント単位でレスポンシブにできるのが利点です。