CSS-Grid- und Flexbox-Generator
Gestalten Sie responsive Grid- und Flexbox-Layouts mit Live-Vorschau und kopierfertigem CSS.
Bewegen Sie den Zeiger über ein Feld oder wählen Sie es aus, um Hilfe anzuzeigen. Escape schließt die Hilfe.
So funktioniert es
Fügen Sie Ihren Inhalt ein oder laden Sie das Beispiel. Wählen Sie Optionen, starten Sie das Werkzeug und kopieren oder laden Sie das Ergebnis herunter.
Ein praktisches Beispiel
Layout
Layout
Häufige Fragen
Wird mein Text an einen Server gesendet?
Nein. Der Inhalt wird in diesem Browser verarbeitet. Er wird weder an den Server gesendet noch gespeichert.
Was sollte ich über CSS-Grid- und Flexbox-Generator wissen?
Die Vorschau verwendet nummerierte Blöcke. Das erzeugte CSS enthält Layoutregeln; passen Sie Selektoren und Umbruchpunkte an Ihre Seite an.