CSS Grid ビルダーCSS GRID

エリアを描いて、列幅や行高を調整。見たままのレイアウトを HTML と CSS で取り出せます。

キャンバス

空いているセルをドラッグしてエリアを作成。エリアをドラッグして移動、右下のハンドルで伸縮できます。

キーボード

キーボード：矢印キーでセルを移動、Shift＋矢印で範囲を選択、Enter で作成。エリアの移動・伸縮は下の数値でも操作できます。

エリアを選択するか、空のセルに描いてください。

テンプレートの適用や全消去も「元に戻す」で取り消せます。