{
  "gem": {
    "slug": "an-interactive-guide-to-flexbox-vg-1265",
    "name": "An Interactive Guide to Flexbox",
    "description": "Long-form tutorial with live editable demos explaining flexbox's algorithm, hypothetical sizes, and why flex-basis differs from width.",
    "url": "https://www.joshwcomeau.com/css/interactive-guide-to-flexbox/",
    "domain": "joshwcomeau.com",
    "author": "Josh W. Comeau (@joshwcomeau)",
    "license": "free",
    "category": "Learning & Craft",
    "subcategory": "Interactive guides",
    "tags": [
      "css",
      "flexbox",
      "interactive",
      "tutorial"
    ],
    "whyGem": "Explains the flexbox *algorithm*, not the properties; the mental model most guides skip",
    "sourceType": "site",
    "image": "/api/public/library/og/VG-1265-480.webp",
    "pageUrl": "https://vibing.inc/library/an-interactive-guide-to-flexbox-vg-1265"
  }
}