Есть ли опыт работы с box-sizing в CSS

Да, есть. box-sizing — это CSS-свойство, которое определяет, как рассчитываются ширина и высота элемента.

Два основных значения:

• content-box (по умолчанию) — padding и border увеличивают размер элемента.
• border-box — padding и border включены в размер элемента (width/height).

Пример:

.box {
  box-sizing: border-box;
  width: 200px;
  padding: 20px;
  border: 5px solid black;
}

Здесь реальная ширина останется 200px, а не 250px (200 + 202 + 52).

Часто применяют глобально:

* {
  box-sizing: border-box;
}

Это упрощает вёрстку, так как размеры элементов становятся предсказуемыми.