CSS Grid生成
columns・rows・gapから基本CSS Grid containerを生成します。
使い方
- 列・行・gapを調整します。
主な機能と処理範囲
columnsはrepeat(...1fr)、rowsはminmax(64px,auto)固定patternです。
処理の仕組み
display:grid等4 declarationを出します。
例
例: 4 columns・2 rows・16px gapなら4×2 previewになります。
こんな場面で便利
- grid scaffoldに
利用前の確認
- named area/auto-fit非対応です。
よくある質問
responsive auto-fit？
いいえ。明示countです。