.cards-page__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: 0.75rem;
  padding: 0;
  margin: 0;
  list-style: none;
}

.cards-page__card {
  min-width: 0;
}

@media (max-width: 900px) {
  .cards-page__list {
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  }
}

@media (max-width: 700px) {
  .cards-page__list {
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  }
}

@media (max-width: 520px) {
  .cards-page__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}