How do I make a responsive grid without media queries?

Use grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)). It fits as many 250px-plus columns as the width allows and stretches them to fill the row, reflowing automatically as the screen resizes.

What is the fr unit in CSS grid?

fr is a fraction of the leftover free space in the grid container. grid-template-columns of 1fr 2fr gives two columns where the second is twice as wide as the first.

Is anything I search or copy uploaded?

No. The whole cheatsheet and its search run in your browser, so nothing you type or copy is ever sent anywhere.

CSS Grid Cheatsheet — Gera Tools

CSS grid cheatsheet — searchable reference

Every CSS grid property you reach for, grouped so you can find it fast: container setup, responsive track sizing with fr and minmax, item placement with grid-column and grid-area, alignment and a set of common recipes like the no-media-query card gallery and the sidebar layout.

Search by property name or by what you want to do — “columns”, “span”, “auto-fit”, “center” — and copy the exact CSS into your stylesheet. Everything runs in your browser; nothing is uploaded.