.features { display: grid; grid-template-columns: repeat(3, 1fr); }Grila creează exact trei coloane cu aceeași dimensiune flexibilă.
LECȚIA 63 DIN 100
Repetă trei coloane egale
Descrie concis trei coloane identice cu funcția repeat().
PASUL 1 · ÎNVAȚĂ
Cum funcționează
Funcția repeat() repetă un fragment al listei de piste. repeat(3, 1fr) este echivalent cu 1fr 1fr 1fr și reduce repetarea în cod.
.features { display: grid; grid-template-columns: repeat(1fr, 3); }Primul argument repeat() este numărul repetărilor, iar al doilea este dimensiunea pistei.
PASUL 2 · APLICĂ
Exercițiul tău
Creează trei coloane egale folosind repeat(3, 1fr).
index.htmlCSS
Rezultat sigurizolat
Ciorna se păstrează doar în acest browser.HTML și CSS permise · scripturile și rețeaua sunt blocate
PASUL 4 · VERIFICĂ
Ce trebuie să treacă
0%neverificat
- ○Secțiunea folosește Grid.
- ○Sunt definite trei coloane repetate.
- ○Elementul țintă este prezent în pagină.
Explică-mi logica rezolvării
Numărul 3 stabilește repetările, iar 1fr oferă fiecărei coloane aceeași parte din spațiul disponibil.