grid-column-end

Grid Itemの列の終了位置を指定する

grid-column-startの値より小さくても良い

負数でも良い

4と指定したら、4つめのマスは含まれない

https://gyazo.com/94830b3b5abbd6bd23c169a305923367

code:css

grid-column-start: 1;

grid-column-end: 4;

}

ref 人参のレベル3, 4

数値はborderのnthを表していることを思い出すと良い

https://gyazo.com/01efae27e037c7e221063deb48faf30c https://qiita.com/kura07/items/e633b35e33e43240d363

span

code:css

grid-column-end: span 2;

スタート位置から何個分占めるかを指定

正数のみ

ref 人参のレベル7