Diese Aufgabe basiert auf den Aufgaben Semantisches HTML 1 und Semantisches HTML 2 // Formulare & Text Styling.
Reorganisieren Sie Ihr Projekt entsprechend des Vorschlags von MDN zur Nutzung von Dateien..
Nutzen Sie für die Kontrolle über das Layout das Konzept A Modern CSS Reset. Arbeiten Sie den Artikel Schritt für Schritt durch, so dass Sie ihn beim nächsten mal erklären können.
Implementieren Sie die im PDF genutzten Schriftarten IBM Plex Sans und IBM Plex Serif für Ihre Dokumente.
Splitten Sie Ihr CSS auf und gruppieren Sie die Regeln in sinnvolle Dateien.
./reset.css
./fonts.css
./base.css
./components.css
./variables.css
Nutzen Sie für Ihr CSS Custom Properties, so dass Sie konkrete Angaben und Werte nur in der variables.css verankert haben.