Как размер шрифта в rem влияет на контейнер

Размер шрифта в rem влияет на контейнер, если он задан через em или rem в свойствах ширины/высоты, padding/margin. rem основан на размере корневого элемента (html), поэтому изменение font-size в html повлияет на все элементы с rem.

Пример:

html {
  font-size: 16px; /* 1rem = 16px */
}

.container {
  width: 20rem; /* 320px (20 * 16) */
  padding: 1rem; /* 16px */
}

Если изменить font-size в html:

html {
  font-size: 20px; /* 1rem = 20px */
}

Теперь .container будет 400px шириной (20 * 20) и 20px padding.