Небольшое дополнение по единицам измерения в CSS 🙃 Я тут искал, что бы тебе рассказать интересного и заметил неприметные единицы измерения lh и rlh lh — расшифровывается как line-height. Соответственно, 1lh = высоте строки, 2lh = высота строки * 2 и т.д. (caniuse 78.9%) rlh — расшифровывается как root line-height. Работает точно так же как lh, но относительно корневого элемента (<html>), очень похоже на пару rem и em. Самое интересное, что rlh поддерживает только Safari, сафари впереди планеты всей 🤣 (caniuse 10.2%)
Сегодня поговорим про такие свойства как max-height и min-height. И так max-height-устанавливает максимальную высоту элемента. Значение высоты элемента будет вычисляться в зависимости от значений установленных свойств height, max-height и min-height. Значения свойств Высота min-height < height < max-height height height < max-height height height > max-height max-height min-height > height > max-height min-height min-height > height < max-height...