レスポンシブ幅とカラム構成のシミュレーター

midori305 の sticky セクションは 960px を境に 2 カラム→1 カラムに切り替わります。疑似的にビューポート幅を変更し、CSS グリッドがどう変化するかを確認できます。

現在幅: 960px / ブレークポイント: desktop

Sticky Column

幅が十分にあるときは 2 カラムで sticky を独立させ、横スクロールを省略します。

Scroll Stack

ステップカードが縦に重なり、IntersectionObserver が is-active を切り替えます。モバイルでは1カラムに落として可読性を確保します。

display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 24px;