Јединице vw и vh у CSS-у

Јединице vw и vh омогућавају да се димензије задају у односу на окно прегледа (viewport) прегледача. Погледајмо на примеру.

Рецимо да имамо неки див:

html<div></div>

Хајде да му задамо ширину од пола ширине окна прегледа и висину од пола висине окна прегледа:

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

Да видимо шта смо добили:

Задание 1

Дат је див. Задајте му горњу маргину једнаку 30% висине окна прегледа.

Задание 2

Дат је див. Задајте му ширину и висину једнаке 70% ширине окна прегледа.