Резиновые заголовки

Бывает что длинные заголовки не влазят в мобильную версию, например заголовок «ПОЛИТИКА КОНФИДЕНЦИАЛЬНОСТИ» если написать большим размером то последнее слово может не влезть…

тогда на выручку приходит метод резинового текста

#fixedContainer {
  max-width: 300px; max-height: 150px; overflow: hidden;
}

function scaleText(container) {
  // Целевой элемент-контейнер
  let el = document.getElementById(container);

  // Выставляем размер шрифта таким образом, чтобы он уложился в рамки контейнера
  for (let fs = 100; el.scrollHeight > el.offsetHeight || el.scrollWidth > el.offsetWidth; fs--) {
    el.style.fontSize = `${fs}px`;
  }
}

// Применяем функцию к элементу
scaleText('fixedContainer');

<div id="fixedContainer">Текст который должен адаптироваться по высоте и ширине</div>

если вам нужно сжать только по ширине то убираем

el.scrollHeight > el.offsetHeight ||