# csswizardry/csswizardry-grids

Simple, fluid, nestable, flexible, Sass-based, responsive grid system.

Repository: https://github.com/csswizardry/csswizardry-grids
Canonical: https://ross.abutalabs.com/products/csswizardry-grids
Homepage: http://csswizardry.com/csswizardry-grids
Language: CSS
License: NOASSERTION
License Family: other
Last push: 2023-01-31T16:01:49+00:00

## Health v2 (maintenance only)
Score: 32/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 0, release rhythm 35, longevity 100
- inputs: {"age_days": 4956, "days_push": 1310, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases, no_license
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1484, forks 199 (observed 2026-08-28T04:04:51.327671+00:00)

## What it is
csswizardry-grids is a Sass-based, responsive CSS grid system with fluid, nestable, and reorderable layout classes. It uses a modified BEM naming convention with breakpoint-namespaced classes and optional silent classes to keep grid classes out of HTML markup.

## Use cases
- build responsive multi-column page layouts
- create nestable grid layouts with or without gutters
- reorder or reverse grid items at specific breakpoints
- generate grid classes via Sass silent classes instead of HTML classes
- implement mobile-first layouts with configurable breakpoints

## When to choose
- you want a lightweight, dependency-free Sass grid for a responsive site
- you prefer human-readable BEM-style class names
- you need push/pull and breakpoint-specific column widths
- your project uses Sass and mobile-first design

## When to avoid
- your project uses modern CSS Grid or Flexbox layouts natively
- you need a full CSS framework with components beyond grids
- you want actively developed tooling with recent updates
- you avoid utility-class-based layout approaches

## Facets
- artifact type: library
- maturity: maintenance
- function: css-framework, ui-components, templating
- domain: web-development, frontend, web-design
- platform: cross-platform
- tags: sass, grid-system, responsive-design, mobile-first, bem, css-layout, web-server

## Member repositories
- csswizardry/csswizardry-grids (main) score 32

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:04:51.327671+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T04:33:59.877761+00:00, confidence not recorded.
  - readme: https://github.com/csswizardry/csswizardry-grids (fetched 2026-08-28T04:04:51.327671+00:00, sha df2790af20f3)
  - homepage: http://csswizardry.com/csswizardry-grids (fetched 2026-08-29T11:40:19.426707+00:00, sha 8415571d4f69)
- Data as of 2026-08-30T08:39:29.467469+00:00.