generated at
grid-template-columns
列のGrid Trackの数とサイズを指定する
repeat()と組み合わせて指定することも多い




以下は同じ意味
1.css
grid-template-columns: 20% 20% 20% 20% 20%;
css
grid-template-columns: repeat(5, 20%);


単位がバラバラでも良い
css
grid-template-columns: 100px 3em 40%;


css
grid-template-columns: 150px 1fr; // 列のトラックの幅


grid-template-columns: subgrid

grid-template-columns: masonry
2023/2/10現在experimental
masonry layoutをする
https://developer.mozilla.org/ja/docs/Web/CSS/CSS_Grid_Layout/Masonry_Layout


Grid Lineに名前を付ける
https://mastery.games/post/naming-css-grid-lines/

人参 20~22