/*==========*/
/* The Grid */
/*==========*/

.grid {
  display: grid;
  grid-gap: 1rem;
  --minimum: 20ch;
}

@supports (width: min(var(--minumum), 100%)) {
  .grid {
    grid-template-columns: repeat(auto-fit, minmax(min(var(--minimum), 100%), 1fr));
  }
}