Toolipedia
DE
← Alle Text-Tools

CSS-Grid-Generator

Ein Grid-Layout mit Spalten, Zeilen und Abständen erstellen, mit Live-Vorschau.

  • Kostenlos
  • Ohne Anmeldung
  • Funktioniert auf jedem Gerät

Über CSS-Grid-Generator

Legen Sie Spalten- und Zeilenanzahl, Abstand und Spurgrößen in fr, px oder auto fest und sehen Sie live, wie sich das Raster verändert, bevor Sie das CSS kopieren. Die Einheit fr verteilt den freien Platz proportional, sodass 1fr 2fr die zweite Spalte doppelt so breit macht wie die erste.

So verwenden Sie CSS-Grid-Generator

  1. Legen Sie oben die Optionen fest. Das Ergebnis wird live aktualisiert.
  2. Passen Sie alles an, bis es genau stimmt.
  3. Kopieren Sie das Ergebnis oder laden Sie es herunter.

Warum dieses Tool?

Auch bekannt als

Häufig gestellte Fragen

Was bedeutet die Einheit fr in CSS Grid?

Ein fr ist ein Bruchteil des verbleibenden Platzes im Grid-Container. Bei Spalten mit 1fr 1fr 2fr wird der Platz in vier Teile geteilt, wovon die letzte Spalte zwei erhält.

Ist CSS-Grid-Generator kostenlos?

Ja. CSS-Grid-Generator auf Toolipedia ist kostenlos nutzbar, ohne Anmeldung und ohne Wasserzeichen.

Ist die Nutzung sicher?

Ja. Alles wird in Ihrem Browser berechnet, und nichts von Ihren Eingaben wird an unseren Server gesendet.

Funktioniert es auf meinem Smartphone?

Ja. Es funktioniert in jedem modernen Browser auf Android und iPhone sowie auf Tablets und Computern. Sie müssen nichts installieren.

Brauche ich ein Konto?

Nein. Öffnen Sie einfach die Seite und nutzen Sie das Tool. Keine Anmeldung, keine E-Mail-Adresse nötig.

Ähnliche Tools