:host {
  display: block;
  --column-gap: var(--space-6);
  --row-gap: var(--space-9);
}

.ui-grid {
  column-gap: var(--column-gap);
  row-gap: var(--row-gap);
}
@media screen and (max-width: 640px) {
  .ui-grid {
    column-gap: 0;
  }
}
.ui-grid.size-2 resource-card {
  --image-height: 128px;
}