Playground – Grid Areas Builder
Wähle unten einen Bereich, dann klicke oder zieh über die Zellen, um ihn aufs Raster zu malen.
Rechts
siehst du live den erzeugten grid-template-areas-Code und die gerenderte Vorschau.
Achtung: jeder Bereich muss ein Rechteck ergeben – sonst ist der Code ungültig
und
die Vorschau zeigt nur einen Hinweis.
Live-Vorschau
Code kopieren