3等分の列（repeat(3, 1fr)）
1
2
3
4
5
6
2カラムレイアウト（240px + 1fr）
サイドバー（240px固定）
メインコンテンツ（残りの幅を全て使う）
レスポンシブカードグリッド（auto-fit + minmax）
ブラウザの幅を変えると列数が自動的に変わります。
カード1
カード2
カード3
カード4
カード5
カード6
grid-column: span 2
2列分に広がるアイテム
通常のアイテム
通常のアイテム
通常のアイテム