デザイン
CSS Grid生成
CSSグリッドレイアウトを視覚的に構築する。
名前付きエリアでCSSグリッドを構築
テンプレート領域用に文字グリッドを描くか、プリセットを選択します。プレビューでは各領域が異なる色合いで表示されます。
よくある質問
grid-template-areasとは何ですか？
レイアウト領域（header、sidebar、main…）に名前を付け、グリッド線番号ではなく名前で要素を配置する方法です。下のセルをクリックしてエリア文字を塗ると、CSSがリアルタイムで更新されます。
プリセットから始められますか？
はい。Holy grail、dashboard、magazine、app shellなど十種類のレイアウトプリセットで、名前付きエリアをワンクリックで読み込めます。
何かがアップロードされますか？
いいえ。CSSはすべてブラウザ内で生成されます。
最終更新日: