Разница между width и max-width при настройке контейнерной разметки заключается в том, что width устанавливает фиксированную ширину, а max-width — верхний предел ширины элемента. 23

Width позволяет задать ширину элемента в пикселях или процентах от ширины родительского элемента. 4 Например, если установить width: 100%, то блок будет тянуться на всю ширину родительского контейнера. 1

Max-width обеспечивает гибкость макета и предотвращает появление горизонтальной прокрутки на мобильных устройствах. 2 Когда ширина окна браузера становится меньше заданного значения max-width, элемент автоматически сжимается, подстраиваясь под доступное пространство. 2 Это позволяет создавать адаптивные блоки контента, которые никогда не станут шире заданного значения, но смогут уменьшаться при необходимости. 2

При конфликте значений max-width и width у одного элемента, браузер применит меньшее из указанных значений. 2