CSS · Layout

grid-template-columns

Defines the column track list. repeat(auto-fit, minmax(12rem, 1fr)) is a responsive default.

cssRunnable example css course

Syntax

grid-template-columns: repeat(3, 1fr)

Example

Try it

.demo { display: grid; grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)); gap: 6px; }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.