/* Layout CSS */
.container {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 1rem;
}

.card-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* Center the cards */
  gap: 1rem; /* Add spacing between cards */
}

.card {
  /* Existing card styles */
}

/* Responsive design */
@media (min-width: 640px) {
  .card-list {
    justify-content: space-around; /* Space cards more on larger screens */
  }
}