Flexbox Playground （Flexbox CSS自動生成ツール）

 Flexboxの理解・暗記には時間がかかると感じ、
実際の動きを確認しながらコードを生成・学べるツールが欲しいと感じて制作しました。  

・プロパティをクリックするだけで即反映されるUI

コードの暗記ができていなくても、試しながら確認できる構造にしました。

・実際の挙動が分かるプレビュー設計

  プレビューを項目数少/多ごとに確認できるようプレビュー画面を2つ作りました。flex-wrapやalign-contentのイメージもつきやすくしました。  

・コードをそのままコピーできる実用性

そのままVSCなどに貼り付けできる構造にしました。