CSS Grid・Flexbox 作成
レスポンシブな Grid・Flexbox レイアウトを、ライブプレビューとコピー可能な CSS 付きで設計できます。
入力欄にポインターを合わせるか選択するとヘルプが表示されます。Escapeで閉じます。
使い方
内容を貼り付けるかサンプルを表示してください。利用できるオプションを選んで実行し、結果をコピーまたはダウンロードできます。
使用例
レイアウト
Layout
よくある質問
入力内容はサーバーに送信されますか？
いいえ。入力内容はこのブラウザ内で処理され、サーバーに送信・保存されません。
CSS Grid・Flexbox 作成 を使う際の注意点は？
プレビューには番号付きのブロックを使います。生成した CSS はレイアウト規則を含みます。セレクターやブレークポイントはページに合わせて調整してください。