Единицы измерения CSS для font-size: px, %, em, rem, vw, vh, vmin, vmax

Наглядное пособие по работе с единицами измерения CSS с font-size: px, %, em, rem, vw, vh, vmin и vmax.

Наглядное отображение всех единиц — https://codepen.io/anna_blok/pen/LvVgOq
Вложенность — https://codepen.io/anna_blok/pen/bJdQXm
Работа с процентами — https://codepen.io/anna_blok/pen/LvpQmX
Работа с медиа-запросами при rem и em — https://codepen.io/anna_blok/pen/BEoYPo
Работа с rem и em наглядно — https://codepen.io/anna_blok/pen/ROWyoj