LECȚIA 28 DIN 100

Raportează secțiunea la viewport

Folosește unitatea potrivită pentru o valoare adaptabilă.

Sursă oficialăW3C CSS Values — viewport unitsRevizuit: 2026-08-26
PASUL 1 · ÎNVAȚĂ

Cum funcționează

vh reprezintă un procent din înălțimea viewportului, iar min-height permite conținutului să crească.

Exemplu corect
.hero { min-height: 60vh; }

Unitatea descrie relația valorii cu contextul ei.

Greșeală frecventă
.hero { min-height: 60; }

Valoarea nenulă fără unitate nu exprimă lungimea sau proporția cerută.

PASUL 2 · APLICĂ

Exercițiul tău

Completează declarația cu valoarea și unitatea cerute.

PASUL 3 · CONSTRUIEȘTE

Scrie și vezi rezultatul

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 folosește valoarea și unitatea cerute.
  • Elementul țintă este prezent.
Explică-mi logica rezolvării

Proprietatea, numărul și unitatea formează împreună valoarea CSS validă.