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/

関連する動画リスト

もっとみる