{
  "gem": {
    "slug": "css-flexbox-playground-vg-0353",
    "name": "CSS Flexbox Playground",
    "description": "Interactive sandbox exposing every flex container and item property with live layout preview and copyable generated CSS.",
    "url": "https://yoavsbg.github.io/css-flexbox-playground/",
    "domain": "yoavsbg.github.io",
    "author": "Yoav Sabag (@yoav_sbg)",
    "license": "free",
    "category": "Community Finds",
    "subcategory": "Learning",
    "tags": [
      "css",
      "flexbox",
      "learning",
      "playground"
    ],
    "whyGem": "Every flex property in one screen, which no official documentation actually offers",
    "sourceType": "site",
    "image": "/api/public/library/og/VG-0353-card.svg",
    "pageUrl": "https://vibing.inc/library/css-flexbox-playground-vg-0353"
  }
}