TailwindでGridを学ぶ！

gridにおいての頻出ワード：列、行、ライン、セル、トラック

grid-col-3

3列。左から並べて折り返して表示

1

2

3

4

5

6

col-span-N

列をNつ分専有させる

1

2

3

4

5

6

col-start-N & col-end-N

列の開始と終わりを指定する

1

2

3

4

5

6

grid-row-3 (+ grid-flow-col)

3行。左から並べて折り返して表示

1

2

3

4

5

6

rowとcolを指定して応用

spanやstartを利用

1

2

3

4

5