Das erste Zitat
- Vorbereitung
- Das erste Zitat mit HTML
- Die ersten Formatierungen für Überschriften und Absätze
- Nur bestimmte Absätze formatieren: Der Klassenselektor
- Eine eigene Klasse für die Zitatboxen
Das mobile Layout gestalten
- Rahmen und Abstände für die Zitatboxen festlegen
- Margins und Paddings perfekt aufeinander abstimmen
- Kombinierte Selektoren und ID-Selektor
Weitere Formatierungstechniken
- Zitate mit Hintergrundbildern
- Tricks: einzelne Wörter hervorheben, transparente Hintergrundfarben
- Schriftarten von Google Fonts einbinden
- Farbverläufe, Ausrichtung, Icons
- Den Autor der Zitate angeben
- Eine dekorative Rahmenlinie hinzufügen
Anpassung des Layouts für größere Bildschirme
- Die Breite der Zitatboxen bei größeren Bildschirmen reduzieren
- Media queries für die Zitatboxen zum Thema "Leben"
- Mit CSS Flexbox die Zitate nebeneinander anordnen
- Ein weiteres Anwendungsbeispiel für die CSS Flexbox
- Weiterführendes Material
