CSS Gridで範囲外(コンテナーの外)の幅を指定する、grid-auto-rowsとgrid-auto-columnsについて解説! #7

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

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

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

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

    詳細はこちら!
grid-template-rowsやgrid-template-columnsで指定した外側に要素が配置されることがあります。
もしくは、表示される要素の数が決まっていなくて、何列になるのか分からない場合に要素のサイズを指定したいことがあります。
そういった時に使えるのが、今回紹介している
・grid-auto-rows
・grid-auto-columns
です。
便利なプロパティを覚えて、効率的に要素を配置できるようになっていきましょう!

関連する動画リスト

もっとみる