近い祖先と、遠い祖先
段組みは内側のコンテナ、余白は名前で指定した外側のコンテナを見て決めています。
外側と内側の2つがコンテナです。スライダーで外側の幅を変えると、カードは内側の幅を見て段組みを決め、外側の幅を見て余白を決めます。どちらの判断も1つのカードのCSSに書かれています。
段組みは内側のコンテナ、余白は名前で指定した外側のコンテナを見て決めています。
名前を付けないと、意図せず途中の要素がコンテナになっていて参照先がずれることがあります。祖先を飛び越したいときは必ず名前で指定してください。