grid-cols-1 sm:grid-cols-2 lg:grid-cols-4（レスポンシブで列数を変える）
grid-cols-3 + col-span-2（2:1 の比率）
grid-cols-12（12 分割：3 / 6 / 3）
grid-cols-[240px_1fr]（固定幅 + 残り全部）
grid-cols-[repeat(auto-fill,minmax(160px,1fr))]（幅に応じて自動で列数が決まる）
row-span / col-span でタイル状（bento）レイアウト