Функция calc() в CSS

Позволяет выполнять вычисления прямо в CSS для задания значений свойств. Можно смешивать разные единицы измерения и считать значения на этапе рендеринга.

Важные моменты:
▪️поддерживает базовые операции: сложение, вычитание, умножение, деление
▪️можно комбинировать разные единицы (px, %, vw, rem)
▪️вокруг операторов нужны пробелы (100% - 20px)
▪️работает с множеством свойств: ширина, высота, отступы, паддинги и т.д.

Применение:
подходит для адаптивных интерфейсов, например когда ширина элемента задаётся как calc(100% - ширина боковой панели) или когда нужно делать пропорциональные отступы без хардкода значений.

@WebDev_Plus