Vw i vh jedinice u CSS

Jedinice vw i vh omogućavaju da se veličina postavi u odnosu na prikazanu oblast (viewport) prozora brauzera. Pogledajmo na primeru.

Neka imamo jedan div:

html<div></div>

Hajde da mu zadamo širinu od pola širine prikazane oblasti i visinu od pola visine prikazane oblasti:

cssdiv {
  width: 50vw;
  height: 50vh;
  margin: 30px auto;
  border: 1px solid red;
}

Pogledajmo šta smo dobili:

Задание 1

Dat je div. Zadajte mu gornju marginu, jednaku 30% visine prikazane oblasti.

Задание 2

Dat je div. Zadajte mu širinu i visinu, jednaku 70% širine prikazane oblasti.