Zum Inhalt
← Website-Prompts

Handy-Ansicht bis ins Detail prüfen

Jede Seite auf iPhone-Breiten durchgehen, Ränder, Umbrüche und Tippflächen reparieren.

Art
Website
Erprobt mit
Claude Code + Browser
Stand

Prompt

Die meisten Besucher kommen vom Handy. Prüf [Website] Seite für Seite am iPhone und repariere alles, was nicht sitzt. Der Rechner bleibt, wie er ist.

Breiten: 320, 375, 390, 430 px; Höhen auch kurz (375×667) und lang (430×932).
Achte auf:
- seitliches Scrollen und Inhalte, die am Rand kleben oder abgeschnitten sind
- Überschriften, die mitten im Wort brechen
- Tippflächen unter 44 px, Knöpfe, die zu nah beieinander liegen
- Safari: Adressleiste unten, 100vh-Fehler (svh nutzen), Statusleisten-Farbe
- feste Elemente (Kopf, Chat-Knopf, Cookie-Hinweis), die Inhalt verdecken
- Navigation: beim Runterscrollen weg, beim Hochscrollen wieder da; Menü im Vollbild

Mach je Breite einen Screenshot, reparier, prüf noch einmal. Liste am Ende jede Änderung mit Seite und Ursache.

Weitere Prompts