@RainMEN Блочный элемент имеет "width: auto;", в данном случае он будет равен 100% и равен области отображения браузера. Если не указать min-width, то он будет уменьшаться, если мы уменьшаем окно браузера. Если указать min-width, то он ограничит контент по ширине и не будет уменьшаться, хоть и имеет 100% по ширине. Можно описать как интервал min-width > width > max-width, ширина будет в этом диапазоне.
@RainMEN При уменьшении - width в данном случае принимает значение, которое равно ширине окна браузера. Но у тебя есть элементы, которые имеют минимальную ширину, они не уменьшаются и создают горизонтальный скролл.