バージョン:
概要: Gridを使ったレイアウト方法について解説しています。
動画時間:22:36
具体的に学べる事: ①前回の聖杯レイアウトをおさらい ②Gridを使うと余計なdivタグが消えます ③Gridを使って聖杯レイアウトを作り直し ④grid-template, grid-areas の解説 ⑤height の指定方法について ⑥width の指定方法について ⑦レスポンシブ対応 ⑧gap プロパティについて紹介 ⑨実践で使っている余白テクニックを紹介 ⑩+αで外周にも余白を指定するテクニック ⑪grid-template で使える単位の話 ⑫便利な単位 minmax について紹介 ⑬gridのエリアを使ったメリットまとめ ⑭GitHubで今回使用したコードを見る方法を説明 ⑮grid-template の対応ブラウザの話