Выровнять столбцы по левому краю в начальной загрузке 4

Question

Я работаю в разделе ссылок для перенаправления

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

Моя цель - сделать так, чтобы все 3 столбца выглядели одинаково, но были даже с внешними пределами изображения выше. Надеюсь, это имеет смысл.

Ссылка на codepen.
https://codepen.io/MikeBeers/pen/GerLKE

>

    <div class="container-fluid py-3">
        <div class="row ">
            <div class="col-md-4 col-sm-12 pl-0">
                <img src="https://via.placeholder.com/800x600.png" alt="" class="img-fluid rounded">
                <h2>Description 1</h2>
                <p class="text-muted">

Answer 1

Я думаю, что вы ищете, чтобы удалить прокладку из вашего контейнера-жидкости div:

.container-fluid {
  padding: 0;
}

Answer 2

Ваш контейнер-жидкость складывается с вашими колонками.Добавьте 'pl-0 pr-0' в свою упаковку контейнера для коробок, и элементы будут использовать один и тот же желоб.