Jednostki vw i vh w CSS

Jednostki vw i vh pozwalają ustawić rozmiar względem obszaru widoku okna przeglądarki. Spójrzmy na przykład.

Załóżmy, że mamy jakiś div:

html<div></div>

Ustawmy mu szerokość na połowę szerokości obszaru widoku i wysokość na połowę wysokości obszaru widoku:

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

Zobaczmy, co otrzymamy:

Задание 1

Dany jest div. Ustaw mu odstęp od góry, równy 30% wysokości obszaru widoku.

Задание 2

Dany jest div. Ustaw mu szerokość i wysokość, równą 70% szerokości obszaru widoku.