CSS Grid レイアウト生成ツール (Grid Builder)
列数(columns)、行数(rows)、ギャップ(gap)を直感的に設定し、レスポンシブなCSS Gridコードを即座に生成します。設定変更はリアルタイムに反映されます。
2カラム (2 Columns)
3カラムカード (3 Columns)
ダッシュボード (4 Columns)
列数 (Columns):
3
行数 (Rows):
2
列間ギャップ (Column Gap):
12px
行間ギャップ (Row Gap):
12px
CSS コード
コピー
HTML コード
コピー
[ 広告 ]