Относительные или абсолютные величины лучше использовать при верстке

Относительные величины (em, rem, %, vw, vh) предпочтительнее для адаптивного дизайна, так как они масштабируются в зависимости от контекста (размера родителя, корневого элемента или окна браузера). Абсолютные величины (px, pt) лучше использовать для фиксированных размеров, например, границ или иконок.

Пример с rem (относится к корневому font-size):

:root {
  font-size: 16px;
}
.container {
  padding: 1rem; /* 16px */
}

Пример с em (зависит от font-size родителя):

.parent {
  font-size: 20px;
}
.child {
  margin: 1em; /* 20px */
}

Используй относительные единицы для типографики, отступов и размеров блоков, а абсолютные — для мелких фиксированных элементов.