CSS Gridでライン番号を指定して、要素を自由に配置する方法と様々な指定方法を紹介! #5

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

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

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

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

    詳細はこちら!
CSS Gridには、順番に要素を配置する以外に、自由に配置する方法があります。
今回は番号を指定して、要素を配置する方法を紹介していきます。

プロパティは以下について紹介しています。
- grid-row
- grid-column
- grid-rowやgrid-column内で使えるspan
- grid-area(grid-rowとgrid-columnのショートコードとして)
- grid-row-start
- grid-row-end
- grid-column-start
- grid-column-end

関連する動画リスト

もっとみる