Hintergrund

Die Oberfläche soll auf Smartphone, Tablet und Desktop zuverlässig funktionieren.

Ist-Zustand

In src/barchart/style.css ist eine feste Breite (width: 750px) gesetzt.

Ziel

Flexible Layouts ohne horizontales Scrollen auf typischen Mobilgeräten.

Aufgaben

• Starre Breiten durch flexible Werte (width: 100%, max-width) ersetzen
• Breakpoints für Diagramm/Formulare prüfen und verbessern
• Mobile Darstellung systematisch testen

Akzeptanzkriterien

• Keine horizontale Scroll-Leiste auf Mobilbreiten
• Diagramm und Formulare bleiben lesbar und bedienbar
• Darstellung ist auf mindestens 3 Viewports getestet

Aufwand

1 Unterrichtsstunde