потому что box-sizing: content-box;
и это не у первого блока ширина меньше, а у второго больше и выходит за края.
либо делай box-sizing: border-box;
либо верстай учитывая особенности content-box
рисовать. расставляешь кистью точки по коже и начинаешь экспериментировать в стилях.
нагуглил такое https://demiart.ru/forum/index.php?showtopic=53473 оно не подходит, но мысль мою раскрывает, если не понятно объяснил
ну самый простой пример: есть у тебя сайт на проде domain.ru
хочешь ты сделать еще dev - создаешь папку dev.domain.ru и копируешь туда сайт.
но у тебя еще есть папка upload на несколько сотен терабайт. а без этой папки сайт на деве работать не будет.