Удалить нижний зазор в колонке начальной загрузки

Question

Меня беспокоит мой средний col-md-4, в нижней части есть раздражающее поле. Я попытался отключить CSS в элементе inspect, но он все еще остается. Как я могу центрировать мою панель поиска?

Вот мой начальный загрузчик:

<div class="container mb-3 mt-3">
  <div class="row align-self-center">
    <div class="col-md-4">
      <img src="img/logo_header.png" class="img-fluid" width="200">
    </div>
    <div class="col-md-4">
      <form action="cards/search.php" method="POST">
        <div class="input-group">
          <input type="text" name="text-search" id="searchBox" class="form-control search-bar" aria-label="Default" aria-describedby="inputGroup-sizing-default" placeholder="Search Coupons" required>
          <div class="input-group-prepend">
            <button type="submit" name="submit-search" class="input-group-text bg-blue"> <i class="fas fa-search"></i> </button>
          </div>
        </div>
        <div id="response" class="scrollbar-design search-content"></div>
      </form>
    </div>
    <div class="col-md-4">
      <img src="img/logo_header.png" class="img-fluid" width="200">
    </div>
  </div>
</div>

ОБНОВЛЕНИЕ:

Заполнение 0px, похоже, не работает

Answer 1

просто добавьте my-auto, так как он загружается

<div class="col-md-4 mx-auto text-center my-auto">
</div>