Jednotky vw a vh v CSS

Jednotky vw a vh umožňujú nastaviť veľkosť relatívne k oblasti zobrazenia okna prehliadača. Pozrime sa na príklad.

Povedzme, že máme nejaký div:

html<div></div>

Nastavme mu šírku na polovicu šírky oblasti zobrazenia a výšku na polovicu výšky oblasti zobrazenia:

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

Pozrime sa, čo sme dostali:

Задание 1

Daný je div. Nastavte mu horný odstup, rovný 30% výšky oblasti zobrazenia.

Задание 2

Daný je div. Nastavte mu šírku a výšku, rovnú 70% šírky oblasti zobrazenia.