Der Blog gibt aus, was wir wollen, aber die Typografie und das Layout sind noch nicht ganz richtig. Wir fügen hier und da nach Bedarf etwas Markup hinzu, um eine bessere Semantik und nur zu Styling-Zwecken verwendete Elemente zu erhalten. Zum Beispiel ist unser .page-wrap ein div, da es keinen semantischen Wert vermittelt, sondern nur dazu dient, die Seite in einem kontrollierten Maße von den Rändern einzuschieben.
Wir werfen einen Blick auf einige der verfassten Inhalte (das HTML, das Jeff tatsächlich erstellt, wenn er Beiträge schreibt), um zu sehen, womit wir es zu tun haben. Dann fügen wir einige CSS hinzu, um sicherzustellen, dass Bilder nicht zu groß für den Bildschirm werden, und grundlegende Artikeltypografie.