Попытка переключения медиазапросов класса контейнеров Bootstrap 4 для перехода с рабочего стола сначала на мобильный, а не по умолчанию - сначала с мобильного на рабочий стол

Question

Извините за крайне начинающий вопрос, но я просто не могу понять это.

Я хочу использовать контейнерный класс Bootstrap 4 вместе с запросами медиа контейнера, потому что мне очень нравится, как BS переносит содержимое в контейнере и скорость его отклика.

Я прочитал несколько вещей, утверждающих, что сначала нужно действительно кодировать для мобильных устройств, но я также видел, как люди предполагают, что действительно не имеет значения, сначала вы пишете для мобильных устройств, либо для настольных компьютеров.Сначала я занимался дизайном для настольных компьютеров, так что сейчас мне стало проще, и класс контейнеров BS начинается с мобильного, а затем заканчивается с рабочего стола.Я хотел бы использовать их контейнерный класс с той же шириной и значениями, но я просто хочу сначала переключиться на рабочий стол (рабочий стол должен быть по умолчанию), а затем закончить мобильным, вместо того, чтобы сначала использовать мобильный по умолчанию, а затемзаканчивается шириной рабочего стола, как я уже говорил выше.

По жизни я просто не могу понять, как отредактировать медиазапросы для класса контейнера, чтобы они точно делали то, что я сказал.Я изменил порядок, использовал max-width вместо min-width, и я просто не могу заставить его работать вообще, и я не могу понять, что конкретно я делаю неправильно.

Вот обычные медиазапросы класса контейнера BS4.Может кто-нибудь помочь мне отредактировать это так, чтобы оно сначала начиналось с рабочего стола, а заканчивалось мобильным?

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}