---
title: "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()."
canonical: "https://vibing.inc/library/get-grid-information-using-pure-css-vg-2034"
category: "Backgrounds, Effects & CSS Oddities"
subcategory: "Modern CSS demos"
license: "free"
author: "Temani Afif (@t_afif)"
source: "https://css-tip.com/grid-information/"
---

# Get Grid Information using pure CSS
Pure-CSS technique deriving a responsive grid's column count, row count and per-item coordinates using round(), sibling-count() and sibling-index().
## Facts
- Source: https://css-tip.com/grid-information/
- Category: Backgrounds, Effects & CSS Oddities / Modern CSS demos
- Author: Temani Afif (@t_afif)
- Licence: free
- Tags: css, grid, modern-css, sibling-index, technique
## Why it's a gem
Grid introspection with zero JavaScript, and it composes with the new CSS if().
---
Listed in The Vibeary: https://vibing.inc/library/get-grid-information-using-pure-css-vg-2034 · JSON: https://vibing.inc/api/public/library/gems/get-grid-information-using-pure-css-vg-2034