MyCSSGrid

12-col grid / gap / span / responsive classes

<div class="grid cols-12 gap-3">...</div>

1) 基本グリッド

2 / 12
2 / 12
4 / 12
4 / 12

2) レスポンシブ + アライメント

auto
auto
auto 高さテスト
……
……
auto

3) カード一覧(auto-fit)

Card
Card
Card
Card
Card
Card
Card
Card
Card

4) “Holy Grail” レイアウト

Header
Main
Footer

5) 行の高さをまたぐ

row-span-2
A
B
C