CSS Gridで横幅や縦幅を指定できる、grid-template-columnsとgrid-template-rows について紹介!その他特殊な単位や関数も! #3

  • マンツーマン個別講義開催中!

    勉強に行き詰まっていませんか?
    エラーの解消から、実装方法まで丁寧に教えます!
    講師が答えられるなら、基本的にどんな内容でもOK!

    詳細はこちら!
  • スクール形式講義

    プロを目指す方・講義を何回も受けられる方はこちら
    個別のカリキュラムを作成し、長期的にサポート!

    詳細はこちら!
この動画では、CSS gridで列と行の数やサイズを定義できる以下プロパティを紹介しています。
・grid-template-columns
・grid-template-rows
・grid-template

さらに、CSS grid内で使える以下のような単位についても解説しています。
・fr(fraction。フラクション(比率))
・auto

それから、効率よくコーディングすることができる以下の関数についても触れています。
・minmax(最低値と最大値の指定)
・repeat(繰り返し)


CSS gridの再生リストはこちら
https://factory-programming-mv.com/playlistDetails/PLv7E5OqNAIPxTDBvGfJ_46aoZ7PLV3m5n/

関連する動画リスト

もっとみる