CSS Grid: что означает эта запись «minmax(0, min-content)»?

Question

[Shimpanze]

Здравствуйте!

Что означает это запись в CSS Grid?

minmax(0, min-content)

Спасибо!

Comments

[Сергей delphinpro]

Пока хватает места, ячейка будет минимально возможной ширины, чтобы вместить содержимое без переполнения. При нехватке места ячейка будет постепенно схлопываться до нуля.

Answer 1

[Aleksey Solovyev]

Что вызывает непонимание?
minmax: CSS function defines a size range greater than or equal to min and less than or equal to max. It is used with CSS Grids.
min-content: Represents the largest min-content contribution of the grid items occupying the grid track.

Comments

[Shimpanze]

Чем тогда это отличается от ключевого слова «auto»?

[Aleksey Solovyev]

Shimpanze, отличается от чего? по той же ссылке:
Auto
As a maximum, identical to max-content(на картинке выше первый блок)
As a minimum it represents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track(на картинке выше второй блок)