# Flexbox Playground

> Interaktiver Guide für CSS Flexbox Eigenschaften.

- Im Browser öffnen: https://pockettoolbox.org/flexbox-playground
- Läuft vollständig lokal im Browser, Dateien und Eingaben werden nicht hochgeladen.

## So funktioniert es

Lerne und teste CSS Flexbox-Layouts interaktiv mit direkter visueller Rückmeldung.

Verändere die Eigenschaften des Flex-Containers (wie 'justify-content' oder 'align-items') über die Kontrollleiste. Du siehst sofort, wie sich die Anordnung der Boxen im Playground verändert. Der generierte CSS-Code wird live angezeigt und kann für deine eigenen Web-Projekte übernommen werden.

Koppelt UI-Regler direkt an die Inline-Styles des Vorschau-Containers. Generiert sauberen CSS-Code in Echtzeit bei jeder Eigenschaftsänderung.

---
PocketToolbox (https://pockettoolbox.org)