При масштабировании блоки section начинают уменьшаться, а внутренние блоки inner остаются такой ширины и в итоге inner становится больше своего родителя, как так? Где я накосячил? Как это можно исправить?
Пришло в голову задать body min-width и это решило проблему. Нормальная ли это практика или просто у меня изначально слишком кривая верстка?
Под масштабированием я так понял, что понимается уменьшение размера окна.
Если смотреть только на блок inner, то для него прописана ширина в 940px. По этой причине блок не уменьшается.
Сайт настолько не адаптивен, что нужно практически всю структуру сайта перевёрстывать.
Если это первая работа по адаптации сайта под разные устройства, то можно попробовать готовые адаптивные CSS-фреймворки.
Простой