Aus dem Kurs: Grundlagen der Webprogrammierung: Meine erste Website

So erhalten Sie Zugriff auf diesen Kurs

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.

Solution: Darstellung für Smartphones optimieren

Solution: Darstellung für Smartphones optimieren

Aus dem Kurs: Grundlagen der Webprogrammierung: Meine erste Website

Gratismonat starten Für Ihr Team erwerben

Solution: Darstellung für Smartphones optimieren

“

Konnten Sie die Anpassungen durchführen? Es ging ja um zweierlei: Zum einen sollte hier letter-spacing auf Null gesetzt werden und zum anderen sollte diese Überschrift kleiner werden. Schauen wir uns an, wie man da vorgeht. Die Anpassungen müssen in der CSS-Datei, d.h. in style.css durchgeführt werden. Und die Herausforderung ist natürlich, herauszufinden: Welches Element muss ich denn ansprechen? Hier habe ich diesen Text "Berg und See", das ist callout_ueb. Das ist also die erste Stelle, wo ich eine Anpassung durchführen muss, und da innerhalb dieser Media Queries. Und ich habe bereits callout_ueb, d.h., ich kann hier einfach schreiben "letter-spacing: 0". Dann sollte auch noch die Beitragsüberschrift geändert werden, da die Schriftgröße, und das ist dieses Element hier, also mit der Klasse "beitrag_ueb". Und das kopiere ich mir einmal, mache einen Punkt davor. Und dann brauche ich natürlich meine geschweiften Klammern und kann die gewünschte Schriftgröße angeben, also 1.5rem. Und…

Inhalt