Flexbox Visualizer

An interactive tool to learn and visualize CSS Flexbox. Click the buttons to change the layout of a container and see how flex-direction, justify-content, and flex-wrap affect the arrangement of items in real time.

⸻

Features

• Change flex-direction: row, column
• Change justify-content: flex-start, center, flex-end, space-between, space-around, space-evenly
• Toggle flex-wrap: wrap, no-wrap
• Instant visual feedback on how the items are arranged
• Clean, minimal UI for easy experimentation

⸻

Tech Stack • HTML • CSS • JavaScript

⸻