Source: https://rubenhuisman.nl/

.wrapper {
  display: grid;
  /*grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));*/
  grid-template-columns: repeat(auto-fit, minmax(250px, 500px));
  justify-content: center;
  grid-gap: 1rem;
}