Bootstrap 4.3: расширение колонки за пределы ширины экрана 1200 (xl)

Question

Когда я преодолеваю точку останова 1200 (xl) в начальной загрузке, правый столбец начинает расширяться быстрее, и текст в нем теперь немного слишком далеко от правого края жидкости контейнера:

Bootstrap, слишком много места справа за 1200

Я попытался добавить утилиту flex mr-auto, чтобы переместить столбец на скриншоте полностью вправо.Но тогда он остается там приклеенным, и мне в итоге приходится устанавливать поле, чтобы немного подтолкнуть его влево.

Желаемый результат: я хочу, чтобы столбец продолжал скользить вправо, как и раньшеЯ ударил Bootstraps конечной точкой разрыва 1200;немного увеличивая пустое пространство справа.

На данный момент, как только я прошёл 1200, пространство растет слишком быстро;это идет от постепенного увеличения пространства к расширению ракеты.Мне нужно начать думать о добавлении дополнительных точек останова или есть другой способ?

   <div class="container-fluid h-100">
    <div class="row about col-centered">

      <div class="col-md-12 mt-3 mt-md-5">
        <p id="back" class="font-header identity-vw back-nav">---NAV HOLDER</p>
      </div>

      <div class="col-md-4 col-xl-5">
        <p class="font-header">.</p>
      </div>

      <div class="col-md-8 col-xl-7 mt-5">
        <p class="font-header font-size-lg-header">I'M THOMAS<br>THORSTENSSON.</p>
        <p class="font-header font-size-lg-header">I ❤ TO CODE<br>VISUAL STUFF.</p>
      </div>


      <div class="col-md-5">
        <p class="font-header">.</p>
      </div>

      <div class="col-md-auto mt-6">
        <p class="p-w font-size-para">
          Sed ut perspiciatis unde omnis iste natus error sit
          voluptatem accusantium doloremque laudantium, totam
          rem aperiam, eaque ipsa quae ab illo inventore veritatis
          et quasi architecto beatae vitae dicta sunt explicabo.
          Nemo enim ipsam voluptatem quia voluptas sit aspernatur
        </p>
      </div>
   </div>

Answer 1

Ну, я тестировал с пользовательскими точками останова, добавив col-xxl, и теперь он работает намного лучше. Это в моем SCSS:

$grid-breakpoints: map-merge(
  $grid-breakpoints,
  (
    xxl: 1600px,
    xxxl: 1800px
  )
);

Тем не менее, мне интересно, не существует ли лучшего способа, используя некоторые из этих блестящих утилит.