Wiederholen(auto-fit, minmax(auto, 1fr) ist keine gültige Syntax ⇐ CSS

[Anonymous]

Ich möchte ein Raster mit wiederholten Spalten erstellen. Die Spalten sollten so groß sein wie der Inhalt der untergeordneten Elemente und dann sollte der verbleibende Platz in einer Spur verteilt werden.
Ich dachte, ich könnte dies mit dem Folgenden erreichen, aber es ist anscheinend keine gültige Syntax.

Code: Select all

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

Ich würde mich freuen, wenn mir jemand erklärt, was ich hier falsch verstehe und warum das nicht möglich ist.
Ich wollte ein Raster mit untergeordneten Karten, die Flexboxen sind, damit ich Avatare darin ausrichten kann.
Ich denke, das könnte auch mit Flexbox und Wrapping erreicht werden. Aber ich dachte, Grid sei dafür gemacht.
Etwas wie:

Code: Select all

.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;
}

Code: Select all