CSS Gridはレイアウトメソッドで、ほとんどのモダンブラウザがサポートした「今」使える技術です。条件は整ったので、実装の経験値を蓄積する段階です。そこでピクセルグリッドでのケースをいくつか紹介します。
CodeGridの著者一覧ページはもともとメディアクエリーとFlexboxを用いてレイアウトしていました。それをCSS Gridで書き直してみることに。するとさまざまなメリットが見えてきました。
CSS Gridのケースを紹介する前に、これまでの実装でわかってきたCSS Gridを使う際に留意しておかなければいけない事項をまとめました。たとえばHTMLの構造などもCSS Gridと密接に関わりあっているのです。