CSS Grid Generator
グリッドレイアウトジェネレーター
作りたい形を選んで、プレビュー内のカードをドラッグすると配置順を入れ替えできます。変形グリッドではカードごとの横幅・高さも調整できます。
1. 作りたい形を選ぶ
2. 列数を選ぶ
3. 見た目を調整
px
個
px
px
4. 選択中カードのサイズ
カード 1 を選択中
プレビューのカードをクリックしてから、横幅・高さを選ぶと変形グリッドを作れます。
細かい設定
プレビュー
PC：3列 / スマホ：1列 / 余白：20px
カードをドラッグすると順番を変更できます。カードをクリックすると横幅・高さを変更できます。