Grid

CSS Grid Layoutのカラムの幅が拡張される問題を解決する方法

Web制作を長くやっている人なら、IE6の「要素拡張問題 (Expanding Box Problem)」を知っているのではないでしょうか?

この「要素拡張問題」は、要素に指定した横幅を無視して、要素の内容が要素の幅を押し広げてしまうというものです。

CSS Grid Layoutのカラム (列) でも、同様の問題が起こったため、その解決方法をご紹介します。