UTILS.
100 % im Browser

CSS-Grid-Generator

Erzeuge ein CSS-Grid-Layout mit anpassbaren Spalten, Zeilen und Abstand samt Live-Vorschau.

Über dieses Tool

Lege die Anzahl der Spalten und Zeilen sowie den Abstand fest, um ein CSS-Grid zu bauen und den Code zu kopieren, alles in deinem Browser.

Häufig gestellte Fragen

Wie werden die Tracks dimensioniert?
Spalten und Zeilen verwenden repeat() mit 1fr, sodass sie sich den verfügbaren Platz gleichmäßig teilen.
Was bewirkt die Abstandsregelung?
Sie legt den Grid-Abstand in Pixeln zwischen allen Zellen fest und wird live auf die Vorschau angewendet.

Weitere Tools