.tags { display: flex; flex-wrap: wrap; }Etichetele care nu încap continuă pe o linie nouă.
LECȚIA 56 DIN 100
Permite elementelor să treacă pe rând nou
Păstrează etichetele în container când spațiul se îngustează.
PASUL 1 · ÎNVAȚĂ
Cum funcționează
Un container flex este implicit nowrap. flex-wrap: wrap permite formarea mai multor linii când elementele nu încap pe axa principală, fără a obliga întreaga pagină să deruleze orizontal.
.tags { display: flex; flex-wrap: nowrap; }nowrap păstrează o singură linie și poate comprima sau depăși containerul.
PASUL 2 · APLICĂ
Exercițiul tău
Activează Flexbox și permite împachetarea pe mai multe linii.
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
- ○Lista folosește Flexbox.
- ○Elementele pot continua pe rând nou.
- ○Elementul țintă este prezent în pagină.
Explică-mi logica rezolvării
wrap păstrează direcția elementelor, dar permite containerului să creeze linii flex suplimentare.