.CardContainer {
  display: grid;
  gap: calc(var(--base-gap) * 2);
  grid-template-columns: 1fr;
}
@media (width >= 640px) {
  .CardContainer {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (width >= 768px) {
  .CardContainer {
    grid-template-columns: repeat(3, 1fr);
  }
}

/*# sourceMappingURL=card-container.css.map */
