max-width — это свойство CSS, которое устанавливает максимальную допустимую ширину содержимого элемента. Если ширина содержимого превышает установленное значение max-width, то элемент будет автоматически разделен на несколько строк или уменьшен до указанного значения.

Синтаксис для установки свойства max-width:

selector {
  max-width: value;
}

Значение может быть задано в пикселях, процентах или любых других допустимых для ширины единицах измерения.

Например, следующий код задает max-width для элемента с классом .container:

.container {
  max-width: 800px;
}

Этот код означает, что ширина элемента .container не будет превышать 800 пикселей.

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