CSS-Grid-Generator

Erstelle ein CSS-Raster mit gleich breiten Spalten, automatischen Zeilen und Abstand.

Grafik Ohne Speicherung

Kurzanleitung

Ein Beispiel zum Ausprobieren

Deine Eingabe

Spalten
3
Zeilen
2
Abstand (px)
16

Dein Ergebnis

display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-rows: repeat(2, auto);
gap: 16px;
Funktionsweise und Grenzen

Wähle bis zu 24 Spalten und Zeilen. Füge die Deklarationen in die CSS-Regel des Containers ein.