Единици vw и vh во CSS

Единиците vw и vh овозможуваат да се зададе големина во однос на областа за преглед на прозорецот на прелистувачот. Ајде да погледнеме на пример.

Нека имаме некој div:

html<div></div>

Ајде да му зададеме ширина од половина од ширината на областа за преглед и висина од половина од висината на областа за преглед:

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

Ајде да видиме што добивме:

Задание 1

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

Задание 2

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