Flexboxの理解・暗記には時間がかかると感じ、
実際の動きを確認しながらコードを生成・学べるツールが欲しいと感じて制作しました。
・プロパティをクリックするだけで即反映されるUI
コードの暗記ができていなくても、試しながら確認できる構造にしました。
・実際の挙動が分かるプレビュー設計
プレビューを項目数少/多ごとに確認できるようプレビュー画面を2つ作りました。flex-wrapやalign-contentのイメージもつきやすくしました。
・コードをそのままコピーできる実用性
そのままVSCなどに貼り付けできる構造にしました。