Как зафиксировать сайт, чтобы он не скролился пальцем вправо-влево на телефоне, оголяя белый фон?
body, html{
  max-width: 100%;
}
Если все таки что то вылазает, можно попробовать 100vw
По предложению KorniloFF можно еще добавитьbody, html {
  overflow-x: hidden;
}
Вообще overflow-x: hidden это всегда беспроигрышный вариант,НО если у вас нет проблем с использованием сетки Bootstrap или flex-box (о чем Вам как разрабу нужно знать 100%), то лучше избегать overflow-x: hidden;
Настоятельно рекомендую посмотреть вот тут как работают flex-box. Там ребята сделали контейнер с элементами, над которыми можно пронаблюдать сколько возможностей есть у Flex. Выглядит это контейнер так: