Youtube学習系動画のまとめサイト
【HTML/CSSレイアウト】Gridを使うとFlexboxより簡単に複雑なレイアウトを組めます【ヤフー出身エンジニアの初心者向けプログラミング講座】-o00234–

【HTML/CSSレイアウト】Gridを使うとFlexboxより簡単に複雑なレイアウトを組めます【ヤフー出身エンジニアの初心者向けプログラミング講座】-o00234–

バージョン

概要:            Gridを使ったレイアウト方法について解説しています。

                                                     

動画時間:22:36

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