CodeGridの著者一覧ページはもともとメディアクエリーとFlexboxを用いてレイアウトしていました。それをCSS Gridで書き直してみることに。するとさまざまなメリットが見えてきました。

CSS Gridのケースを紹介する前に、これまでの実装でわかってきたCSS Gridを使う際に留意しておかなければいけない事項をまとめました。たとえばHTMLの構造などもCSS Gridと密接に関わりあっているのです。