Columns und Grid

Ziel: Mehrere Inhaltsstücke nebeneinander anordnen.
Dauer: 4 Minuten
Sie brauchen: Eine Seite und drei Dinge, die es wert sind, zusammen gezeigt zu werden

1. Wählen Sie Add Block und dann Columns.
2. Füllen Sie Columns Title, Columns Subtitle und Intro Text aus — Columns bringt eine eigene Überschrift mit, und genau das unterscheidet es von Grid.
3. Wählen Sie eine Columns Variant: cards rahmt jede Spalte, plain lässt sie schmucklos, stats passt zu kurzen Zahlen.
4. Wählen Sie in der Columns-Zeile Add child block und dann Column Item. Füllen Sie Column Title und Column Text aus und wiederholen Sie das je Spalte.
5. Für eine schmucklose Anordnung wählen Sie Add Block und stattdessen Grid. Setzen Sie Columns (2, 3 oder 4) und Gap.
6. Fügen Sie als Kinder des Grids hinzu, was Sie möchten — Cards sind die übliche Wahl.

Columns ist ein Inhaltsblock. Er hat Titel, Untertitel, Einleitung und eine feste Vorstellung davon, was hineingehört: Column Items.

Grid ist ein Layout-Block. Kein eigener Text, keine Meinung zu seinen Kindern — nur eine Spaltenzahl und ein Abstand.

Nehmen Sie Columns, wenn die Reihe eine Einleitung braucht. Nehmen Sie Grid, wenn Sie Blöcke anordnen, die schon für sich sprechen.

• Beide fallen auf dem Telefon auf eine Spalte zusammen. Genau darum geht es, und deshalb ist eine Tabelle das falsche Werkzeug für ein Nebeneinander.
• Vier Spalten sind meist zwei Spalten mit Zusatzaufwand. Auf einem Laptop ist jede schmal; auf dem Telefon sind sie nur eine lange Liste.
• Alternate media/text sections am Grid tauscht Bild- und Textseite von Abschnitt zu Abschnitt — das klassische alternierende Layout.
• Grid ist egal, was darin steckt, ein versehentliches Grid aus Headern rendert also genau so schlecht, wie es klingt.