Значение, которое вы указываете для рассчитывания уменьшения контейнера в медиа-запросе, зависит от того, на сколько вы хотите уменьшить контейнер при заданном разрешении экрана. Вы можете использовать любое значение ширины контейнера, которое соответствует вашим требованиям и дизайну страницы. Таким образом, в приведенных выше примерах, если вы хотите уменьшить контейнер на 200px или 300px, вы можете указать соответствующие значения ширины контейнера в свойстве max-width.
Контейнер выполняет несколько функций: 1. Ограничивает ширину контента. 2. Выравнивает контент по центру. 3. Предотвращает касание контента краев экрана на мобильных устройствах. Рекомендую использовать фиксированную ширину контейнера, установив максимальную ширину, чтобы избежать проблем с вложенными блоками, например, блоки с карточками. Если в макете нет заданных значений для контейнера, можно использовать значения по умолчанию из фреймворка Bootstrap.