Grid-Template-Areas Editor

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.


Erzeugter Code

Live-Vorschau