.card { margin: 24px; }Cei 24px apar în afara cutiei și nu măresc suprafața fundalului.
LECȚIA 41 DIN 100
Separă cardurile cu margin
Adaugă spațiu transparent în exteriorul unui card.
PASUL 1 · ÎNVAȚĂ
Cum funcționează
Marginul se află în exteriorul bordurii și separă cutia de elementele vecine. Prescurtarea margin cu o singură valoare aplică aceeași dimensiune pe toate cele patru laturi.
.card { margin: -24px; }Un margin negativ trage elementele unele peste altele și nu creează separarea cerută.
PASUL 2 · APLICĂ
Exercițiul tău
Completează regula pentru .card cu margin: 24px.
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
- ○Declarația margin folosește valoarea 24px.
- ○Elementul țintă este prezent în pagină.
Explică-mi logica rezolvării
Selectorul identifică elementul, iar declarația margin: 24px aplică exact comportamentul cerut.