.cards {
  grid-template-columns: repeat(auto-fill, minmax(220px, 270px));
  justify-content: start;
}

@media (max-width: 680px) {
  .cards { grid-template-columns: 1fr; }
}