Verwende CSS Grid, um einen Zeitungsartikel zu erstellen.
- Unterteile deine Seite in drei Spalten und drei Zeilen.
- Die Überschrift nimmt die erste Zeile ein und streckt sich über alle Spalten.
- Der Text deines Artikels besteht aus Einleitung, Hauptteil und Schluss. Die Einleitung steht in Zeile zwei und Spalte eins.
- Der Hauptteil kommt rechts von der Einleitung in Zeile zwei und Spalte 2.
- Der Schluss kommt rechts vom Hauptteil in Zeile zwei und Spalte 3.
- In die dritte Zeile kommt ein Input-Feld für Kommentare. Ein Nutzer kann seinen Namen angeben, um einen Kommentar zum Artikel schreiben.
Überschrift
Einleitung | Hauptteil | Schluss
Input-Field für Kommentare
- Schreibe nun deinen Text selbst oder kopiere einen Artikel aus dem Internet.
- Verwende grid-gap, Farben, Paddings und Margins, um deinen Artikel anschaulich zu gestalten. Lade oder setze ebenfalls eine Schriftfarbe deiner Wahl.
- Dies ist nun dein Projekt. Erstelle in Github ein eigenes Repository und lade dort dein eben erstelltes Projekt hoch.