CSS-Rastergenerator
Wählen Sie die Spalten- und Zeilenanzahl, die minimale Spaltenbreite und den Abstand. Das generierte CSS verwendet repeat() mit minmax(), damit sich das Raster an den Container anpasst.
Wichtige Fakten
- Kategorie
- Design & Farbe
- Preis
- Frei
- Konto
- Nicht erforderlich
- Verarbeitung
- In Ihrem Browser
- Eingang
- Lokale Dateien oder eingefügte Daten
- Plattform
- Moderne Desktop- und mobile Browser
Was es bewirkt
Wählen Sie die Spalten- und Zeilenanzahl, die minimale Spaltenbreite und den Abstand. Das generierte CSS verwendet repeat() mit minmax(), damit sich das Raster an den Container anpasst.
Erstellen Sie visuell responsive CSS-Rasterspalten, -zeilen und -lücken.
Wie man es benutzt
Hier ist die Kurzversion der Verwendung von CSS-Rastergenerator.
- Legen Sie die Spalten und Zeilen fest — Die Vorschau zeigt die resultierenden Zellen.
- Wählen Sie eine Mindestbreite — Die Spalten wachsen, um den verfügbaren Platz auszufüllen.
- Kopieren Sie das CSS — Passen Sie bei Bedarf Haltepunkte in Ihrem Stylesheet an.
Funktionen, die wichtig sind
Was CSS-Rastergenerator gut macht.
- Nichts verlässt Ihr Gerät — Die Arbeit geschieht in Ihrem Browser-Tab. In dieser App gibt es keinen Upload-Endpunkt, sodass Ihre Dateien und Texte von uns nicht gespeichert, protokolliert oder eingesehen werden können.
- Keine Upload-Wartezeit — Sie überspringen den Hin- und Rückweg zu einem Server vollständig. Die Ergebnisse werden durch Ihre eigene CPU begrenzt, nicht durch die Netzwerkgeschwindigkeit oder die Warteschlangengröße.
- Kostenlos, kein Konto, keine Kontingente — Keine Anmeldewand, kein Wasserzeichen, kein Tageslimit. Optionale Konten existieren nur, um Favoriten und Voreinstellungen geräteübergreifend zu speichern.
Häufig gestellte Fragen
Kann mein Layout hier sicher verwendet werden?
Ja. Dieses Tool läuft vollständig in Ihrem Browser und verwendet JavaScript. Nichts, was Sie einfügen oder öffnen, wird an einen Server gesendet und die Seite behält keine Kopie, nachdem Sie sie geschlossen haben.
Muss ich ein Konto erstellen?
Nein. Jedes Tool ist ohne Anmeldung vollständig nutzbar. Ein Konto fügt nur gespeicherte Favoriten und wiederverwendbare Voreinstellungen hinzu.
Funktioniert es auf einem Telefon?
Ja. Die Benutzeroberfläche ist „Mobile First“ mit großen Touch-Zielen und einem gestapelten Layout, sodass sie sowohl auf Telefonen und Tablets als auch auf Desktops funktioniert.
Warum minmax() verwenden?
Dadurch wird verhindert, dass Spalten zu schmal werden, während sie gleichzeitig erweitert werden können. Für reaktionsfähige Raster wird häufig die Funktion „Auto-Fill“ oder „Auto-Fit“ verwendet.
Kann ich das für ein Dashboard verwenden?
Ja als Ausgangspunkt. Dashboards benötigen häufig benannte Bereiche und unterschiedliche Spaltenanzahlen pro Haltepunkt.
Öffnen Sie CSS-Rastergenerator
Probieren Sie es jetzt aus – es läuft in Ihrem Browser und erfordert kein Konto.
Öffnen Sie das Tool