Webtools

Grid Generator (Drag & Drop)

Der visuelle Grid-Generator hilft dir dabei, moderne CSS-Grid-Layouts schnell und übersichtlich zu erstellen. Lege Anzahl von Spalten und Zeilen fest, ziehe deine Layout- Bereiche direkt im Grid auf. Die Klassennamen können beim Bedarf beim Erstellen angepasst werden. Kopiere anschließend den automatisch generierten HTML- und CSS-Code – inklusive responsiver Breakpoints für Tablet und Mobile. (Das Popup kann mit der Taste [ESC] geschlossen werden.)

Spalten-Breiten
Zeilen-Höhen

HTML + CSS Output