▦
CSS Grid Generator
Entwirf ein CSS-Grid mit Spalten, Zeilen sowie Abständen (gap) und kopiere den generierten Code.
1
2
3
4
5
6
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;Wie es funktioniert
Passen Sie die Anzahl der Spalten, Zeilen und Abstände an. Das Tool aktualisiert die Vorschau und generiert die Eigenschaften display, grid-template-columns und gap.
Häufig gestellte Fragen
Sind die Spalten responsive?
Der generierte Code verwendet fr-Einheiten, um den verfügbaren Platz auf die Spalten zu verteilen.
Kann ich das CSS kopieren?
Ja. Der Code wird automatisch generiert und kann per Knopfdruck kopiert werden.