https://coliss.com/articles/build-websites/operation/css/css-container-queries-for-designers.html
CSSメディアクエリは画面幅をもとにCSSを切り替えるが、CSSコンテナクエリは親要素の幅をもとにCSSを切り替える。
フルスクラッチでデザインするときには結局ビューポートの幅でデザインが決まることになるので、１記事目は大きく２記事目からは小さく表示するといった特殊なレイアウトでしか役に立たない気がする。
ただコンポーネントとして提供される部品を、配置する位置に合わせて適切な表示にできるという用途で活用されそう。
例えば広い場所に配置した「ハートアイコン＋"Like!"文字」と表示するが狭い場所に配置すると「ハートアイコン」のみになるfavoriteコンポーネントなど。
