Адзінкі vw і vh у CSS

Адзінкі vw і vh дазваляюць задаць памер адносна вобласці прагляду акна браўзэра. Давайце паглядзім на прыкладзе.

Няхай у нас ёсць нейкі дыў:

html<div></div>

Давайце зададзім яму шырыню ў палову шырыні вобласці прагляду і вышыню ў палову вышыні вобласці прагляду:

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

Паглядзім, што ў нас атрымаецца:

Задание 1

Дадзены дыў. Задайце яму водступ зверху, роўны 30% вышыні вобласці прагляду.

Задание 2

Дадзены дыў. Задайце яму шырыню і вышыню, роўную 70% шырыні вобласці прагляду.