{
  "gem": {
    "slug": "css-grid-generator-vg-0681",
    "name": "CSS Grid Generator",
    "description": "Draw a grid visually by setting columns, rows and gaps, then drag child areas and copy the generated CSS.",
    "url": "https://cssgrid-generator.netlify.app/",
    "domain": "cssgrid-generator.netlify.app",
    "author": "Sarah Drasner (@sarah_edo)",
    "license": "MIT",
    "category": "Design Tools & Generators",
    "subcategory": "CSS generators",
    "tags": [
      "css",
      "grid",
      "layout",
      "generator"
    ],
    "whyGem": "Tiny, fast, no signup; the one grid generator that hasn't rotted into ads.",
    "sourceType": "site",
    "image": "/api/public/library/og/VG-0681-card.svg",
    "pageUrl": "https://vibing.inc/library/css-grid-generator-vg-0681"
  }
}