Platz zum Atmen
Der Text ist fertig, aber alles ist zusammengedrängt: Preflight hat alle Margins entfernt. Gib dem Rezept jetzt Luft zum Atmen:
- Das Rezept steht auf einer weißen Karte mit 32 px Padding an jeder Seite. Die Karte ist 24 px von den Rändern der Seite entfernt.
- Was zusammengehört, steht nah beieinander: Der Titel ist 8 px unter der Beschriftung, und jede Überschrift ist 8 px über ihrer Liste oder ihrem Absatz.
- Der Absatz unter dem Titel ist 16 px darunter.
- Die Teile des Rezepts sind weiter voneinander entfernt: Jede Überschrift ist 32 px unter dem Teil darüber.
- Die beiden Absätze haben luftigere Zeilen, mindestens 1,6-mal so hoch wie die Größe ihres Textes, damit sie gut zu lesen sind.
Ein Tipp: Denk an die Gewohnheit aus der Lektion über Abstände und Größen: Zwischen untereinanderstehenden Elementen entsteht der Abstand nur von einer Seite, zum Beispiel immer mit einem oberen Margin. Die Prüfungen messen die Abstände in der Vorschau, es spielt also keine Rolle, welche Elemente die Klassen bekommen.
So schreibst du es:
"Shift + 2
:Shift + .
/Shift + 7
<<
>Shift + <
[Alt Gr + 8
]Alt Gr + 9
{Alt Gr + 7
}Alt Gr + 0
##
@Alt Gr + Q
Anweisungen
- 1
Setze das Rezept auf eine weiße Karte mit 32 px Padding, 24 px von den Rändern der Seite entfernt.
- 2
Füge den Abstand zwischen den Teilen des Rezepts und zwischen den Zeilen der Absätze hinzu, wie oben beschrieben.