Повтор (автоматическая подгонка, minmax (авто, 1fr) недопустимый синтаксис ⇐ CSS

[Anonymous]

Я хочу создать сетку с повторяющимися столбцами. Столбцы должны быть такими же большими, как и дочернее содержимое, а затем следует распределить оставшееся пространство в дорожке.
Я думал, что смогу добиться этого с помощью приведенного ниже синтаксиса, но, очевидно, это недопустимый синтаксис.

Код: Выделить всё

repeat(auto-fit, minmax(auto, 1fr))

Был бы признателен, если бы кто-нибудь объяснил мне, что я здесь неправильно понимаю, почему это невозможно.
Мне нужна сетка с дочерними карточками, которые являются флексбоксами, чтобы я мог выравнивать в них аватары.
Я думаю, этого также можно достичь с помощью флексбокса и переноса. Но я думал, что для этого создана сетка.
Что-то вроде:

Код: Выделить всё

.player-display {
display: grid;
gap: 12px;
grid-template-columns: repeat(auto-fit, minmax(max-content, 1fr));
}

.player-card {
display: flex;
flex-direction: column;
align-items: center;
}

Код: Выделить всё

Подробнее здесь: https://stackoverflow.com/questions/798 ... lid-syntax