Wenn mehrere Inhaltselemente wie Kacheln angeordnet werden sollen, die in zwei, drei oder vier Spalten dargestellt werden, empfiehlt sich eine andere Methode: Die Inhaltselemente fließen dabei dynamisch in eine rasterartige Anordnung aus zwei bis vier gleich breiten Spalten.

Merkmale

• Durch den horizontalen Fluss (siehe Pfeile in der beiligenden Abbildung) bleiben weiter oben befindliche Elemente auch in der (einspaltigen) Mobildarstellung oben. 
• Wird ein Inhaltselement entfernt oder hinzugefügt, rücken die nachfolgenden automatisch um eine Position nach vorne bzw. hinten.
• Die Kachelung richtet sich auf Mobilgeräten automatisch nach dem verfügbaren Platz. Erfolgt die Darstellung z.B. auf großem Bildschirm dreispaltig, dann ändert sie sich etwa auf einem Tablett automatisch zu zweispaltig und auf einem Smartphone zu einspaltig.

Beispiel für eine zweispaltige Kachelung:

Presse & Kommunikation (Redaktionsteam)

Vorgehensweise

1. Erzeugen Sie ein Grid-Element vom Typ „1-spaltig”. (Hier wird also bewusst kein mehrspaltiges Grid-Element verwendet, da der Inhalt sich ja dynamisch positionieren soll.)
2. Fügen Sie im „Erweitert”-Reiter des Grid-Elements im Feld „CSS-Klasse” den Text halb oder drittel oder viertel hinzu. (Wichtig: Nur einen dieser Werte zuordnen!)
3. Speichern und schließen Sie das Grid-Element.
4. Erstellen Sie nun innerhalb dieses Grid-Elements Ihre Inhaltselemente. Diese werden dann gekachelt angeordnet.