Mobile Navigation und Umbruchverhalten

Typische Layout-Anpassungen für kleinere Displays.

Lernziel

Du lernst, wie Inhalte auf kleinen Bildschirmen sinnvoll umbrechen.

Mehrspaltige Bereiche werden mobil oft einspaltig, Navigationen kompakter und Abstände kleiner.

@media (max-width: 640px) {
    .cards {
        grid-template-columns: 1fr;
    }
}