レスポンシブ

与えられたスペースにレイアウトを合わせる：コンテナクエリ、clamp() による流体サイジング、メディアクエリの戦略、ブレークポイントなしで組み替わるグリッドパターン。

レスポンシブデザインは今や、要素が何を基準に測るか — ビューポートか、それとも要素が置かれたコンテナか — という選択がほとんどです。コンテナクエリ、clamp() による流体サイジング、メディアクエリの戦略、ブレークポイントなしで組み替わるグリッドパターンを扱います。