現場で使うCSS Grid

全2回

ブラウザに気兼ねなく使えるようになったCSS Gridを、現場でどのように活かすか。現場でさっと思い出して、UI実装を楽に行えるパターンをいくつか紹介します。

後編 お問い合わせフォームとCodeGrid記事レイアウト

後編では現場で使えるCSS Gridレイアウトの例として、お問い合わせフォームとCodeGridの記事レイアウトの構造を解説します。現場で思い出して使ってください。

前編 1列レイアウトと聖杯レイアウト

CSS Gridがどのブラウザでも使えるようになり、ちょっとしたUIをつくるときにさっと使えたらと思うことはありませんか? この記事ではCSS Gridを使いまくっている著者が「これは便利だ」と思った方法を紹介します。