例

Sidebarのように、画面を2つに分割してsubとmainに分ける

subの方はある程度、固定の幅を持ち、mainはそれ以外全てを与える

ただし、画面幅が小さくなったときは、subとmainは上下に並ぶ

横に並ぶか縦に並ぶかは開発者は規定していない

画面幅で自動的に決まる

この挙動をmerdiaqueryを使わずに、flexを使って書く

この本が書かれた当時はContainer Queriesがなかったので、flexで解決している

実際のコードはこの辺

min-width: 50% とすることで上下に並ぶように切り替えている