CSS Gridジェネレーター
ライブプレビュー付きビジュアルCSS Gridジェネレーター。インタラクティブにグリッドレイアウトを設計。
よくある質問
CSS Gridとは?
CSS Gridは行と列を使った複雑なレイアウトを設計できる二次元レイアウトシステムです。
列と行の数を設定するには?
列と行の入力を使用してグリッド構造を設定します。px、fr、パーセンテージが使用できます。
gapプロパティとは?
gapプロパティはグリッドアイテム間の間隔を設定します。row-gapとcolumn-gapに別々の値を設定できます。
名前付きグリッド領域を作成できますか?
このジェネレーターは基本構造に焦点を当てています。名前付き領域については、生成されたCSSを手動で拡張してください。