.pf-hub-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.pf-hub-grid .pf-hub-card {
  grid-column: span 2;
}

.pf-hub-grid .pf-hub-card:nth-last-child(2) {
  grid-column: 2 / span 2;
}

.pf-hub-grid .pf-hub-card:last-child {
  grid-column: 4 / span 2;
}

@media (max-width: 980px) {
  .pf-hub-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pf-hub-grid .pf-hub-card,
  .pf-hub-grid .pf-hub-card:nth-last-child(2),
  .pf-hub-grid .pf-hub-card:last-child {
    grid-column: auto;
  }
}

@media (max-width: 640px) {
  .pf-hub-grid {
    grid-template-columns: 1fr;
  }
}