убрать пустое пространство под категориями статических блоков на сайте magento

Я решил использовать display: inline-block и вручную настроить ответные столбцы вместо использования класса бутстрапа col-X-X. Я хотел 3 колонки для экранов XL и 2 для L, а 1 для остальных. Это CSS, который я использовал.

.section-card-col {
  margin-bottom: 22px;
  display: inline-block;
}

@media screen and (min-width: 1200px) {
  .section-card-col {
    width: calc(33% - 16px);
    margin-left: 8px;
    margin-right: 8px;
    vertical-align: top;
  }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
  .section-card-col {
    width: calc(50% - 16px);
    margin-left: 8px;
    margin-right: 8px;
    vertical-align: top;
  }
}