Некоторые способы перевода размеров в веб-дизайне:

• Пиксели (px). 15 Задают ширину и высоту элементов, отступы и поля, размер шрифта. 1
• Относительные единицы измерения: 14
• em. 14 Задает размер шрифта, равный родительскому элементу. 1 Например, если у родительского элемента размер шрифта равен 16px, то font-size: 1.5em установит размер шрифта дочернего элемента в 24px. 1
• rem. 14 Единица измерения, которая зависит от размера шрифта корневого элемента в документе — обычно . 1 Значение 1rem соответствует размеру шрифта корневого элемента. 1
• Проценты (%). 1 Задают размер относительно родительского элемента. 1 Родительский элемент равен 100%, тогда width: 50% будет равна половине ширины родительского элемента. 1
• Доли свободного пространства (fr). 1 Относительная единица измерения, которая используется в CSS Grid для распределения доступного пространства между ячейками. 1 Свободное пространство в родительском элементе делится на равные доли — fr, а дочерние элементы распределяют пространство между собой. 1