CSS · Functions and values

minmax()

Defines a grid track that can grow between a minimum and a maximum.

cssRunnable example css course

Syntax

minmax(min, max)

Example

Try it

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

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