Grid

JavaScript や PHP といったプログラミング言語には値がないことを意味する NULL というものがあります。この NULL をCSS変数 (カスタムプロパティ) に設定できることを知っていますか？

今回は、NULL なCSS変数を活用したグリッドレイアウトを紹介します。

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

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

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