Aus dem Kurs: Webtechniken lernen 3: Responsive CSS-Layouts mit Media Queries, Flexbox und Grid

So erhalten Sie Zugriff auf diesen Kurs

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.

Ein Grid ist ein Raster und schafft Ordnung

Ein Grid ist ein Raster und schafft Ordnung

Aus dem Kurs: Webtechniken lernen 3: Responsive CSS-Layouts mit Media Queries, Flexbox und Grid

Gratismonat starten Für Ihr Team erwerben

Ein Grid ist ein Raster und schafft Ordnung

“

Grid widmet sich wie Flexbox dem nebeneinander von Boxen auf Webseiten, bietet aber andere Möglichkeiten. Und das Modul heißt mit vollem Namen dass "CSS Grid Layout Module." Bevor ich Ihnen das CSS Grid Layout Module genauer vorstelle, möchte ich zunächst aber einmal kurz darauf eingehen, was der Begriff Grid überhaupt bedeutet. Grid ist das Englische Wort für Raster, und damit ist eine Anordnung aus Spalten und Zeilen gemeint, die im scheinbaren Chaos der HTML-Elemente etwas Ordnung schafft. Hier ist eine Skizze, in der einige Objekte scheinbar zufällig arrangiert sind. Und wenn man diese Objekte etwas ordnet und an einem Raster layoutet, dann ist das für die meisten Leute intuitiv angenehm. Unser Gehirn ist von Natur aus bequem veranlagt und mag es, wenn es bei der Wahrnehmung von Muster nicht all zu viel nachdenken muss. Die Ausrichtung an einem Raster erleichtert diese Sache. Ein Grid, ein Raster ist also beim Grafik-Design an instrument for ordering graphical elements of text and…

Inhalt