HTML und CSS · Junior · Frage 32 von 75
Was legt grid-template-columns: repeat(3, 1fr) fest?
- 1Drei gleich hohe Zeilen über den ganzen Container
- 2Drei Spalten von 1 Pixel Breite, der Rest bleibt leer
- 3Drei Spalten, die sich den verfügbaren Platz gleich teilen
Antwort zeigen
Richtige Antwort: Drei Spalten, die sich den verfügbaren Platz gleich teilen
Erklärung
repeat(3, 1fr) ist dasselbe wie 1fr 1fr 1fr. Die Einheit fr ist ein Anteil am freien Platz des Grid-Containers. Zeilen legt man mit grid-template-rows fest. Achtung: 1fr bedeutet standardmäßig minmax(auto, 1fr), langer Inhalt kann eine Spalte also dehnen.