{"ok":true,"result":{"slug":"css-grid-generator","name":"CSS Grid Generator","summary":"Generate CSS Grid layout code (grid-template-columns/rows, gap and named grid-template-areas) plus matching HTML.","description":"Build CSS grid layouts visually: set column and row sizes with fr, px, auto or minmax(), drag to name areas, and copy grid-template-areas CSS and HTML.","method":"POST","endpoint":"/api/v1/tools/css-grid-generator","plan":"free","mcpName":"css_grid_generator","input":{"type":"object","additionalProperties":false,"properties":{"columns":{"type":"string","description":"Column track sizes separated by spaces, e.g. \"200px 1fr\" or \"1fr minmax(200px, 2fr)\". Up to 12 tracks; fr, px, %, rem, em, vw, vh, ch, auto, min-content, max-content or minmax().","default":"1fr 1fr 1fr","maxLength":500},"rows":{"type":"string","description":"Row track sizes separated by spaces, e.g. \"auto 1fr auto\". Up to 12 tracks.","default":"auto","maxLength":500},"rowGap":{"type":"number","description":"Row gap in px.","default":16,"minimum":0,"maximum":200},"columnGap":{"type":"number","description":"Column gap in px.","default":16,"minimum":0,"maximum":200},"areas":{"type":"string","description":"Optional named areas as grid-template-areas rows, one row per line, one name per column (\".\" for an empty cell), e.g. \"header header\\nsidebar main\\nfooter footer\". Each name must form a rectangle.","maxLength":2000}}},"example":{"columns":"200px 1fr","rows":"auto 1fr auto","areas":"header header\nsidebar main\nfooter footer"},"randomOutput":false,"network":false,"docs":"https://pithlab.com/developers/tools/css-grid-generator","page":"https://pithlab.com/tools/css-grid-generator"}}