.extensionGrid {
  display: grid;
  align-items: start;
  gap: 12px;
}

@container panel-body (min-width: 600px) {
  .extensionGrid[data-column-count='2'],
  .extensionGrid[data-column-count='3'],
  .extensionGrid[data-column-count='4'] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@container panel-body (min-width: 900px) {
  .extensionGrid[data-column-count='3'],
  .extensionGrid[data-column-count='4'] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@container panel-body (min-width: 1200px) {
  .extensionGrid[data-column-count='4'] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}