{
  "gem": {
    "slug": "get-grid-information-using-pure-css-vg-2034",
    "name": "Get Grid Information using pure CSS",
    "description": "Pure-CSS technique deriving a responsive grid's column count, row count and per-item coordinates using round(), sibling-count() and sibling-index().",
    "url": "https://css-tip.com/grid-information/",
    "domain": "css-tip.com",
    "author": "Temani Afif (@t_afif)",
    "license": "free",
    "category": "Backgrounds, Effects & CSS Oddities",
    "subcategory": "Modern CSS demos",
    "tags": [
      "css",
      "grid",
      "modern-css",
      "sibling-index",
      "technique"
    ],
    "whyGem": "Grid introspection with zero JavaScript, and it composes with the new CSS if().",
    "sourceType": "site",
    "image": "/api/public/library/og/VG-2034.png",
    "pageUrl": "https://vibing.inc/library/get-grid-information-using-pure-css-vg-2034"
  }
}