このツールについて
flex-direction、justify-content、align-items、flex-wrap を調整すると、結果がその場で確認できます。すべてブラウザ内で完結します。
よくある質問
プレビューには何が表示されますか？
番号が振られた5つのボックスを含む flex コンテナで、プロパティを変更するとリアルタイムに並び替わります。
生成された CSS はそのまま使えますか？
はい。生成された .container ルールをそのままスタイルシートにコピーできます。
100% ブラウザ内で完結
⬓
CSS Flexbox プレイグラウンド
ライブプレビューで flexbox のプロパティを試し、生成された CSS をコピーできます。