grid auto-fit and auto-fill

style.css

@property --min-inline-size {
  syntax: "<length>";
  inherits: false;
  initial-value: 100px;
}

.container {
  display: grid;
  grid-template-rows: var(--min-inline-size);
  grid-auto-rows: var(--min-inline-size);
  gap: 10px;

  &.container--auto-fit {
    grid-template-columns: repeat(
      auto-fit,
      minmax(var(--min-inline-size), 1fr)
    );
  }

  &.container--auto-fill {
    grid-template-columns: repeat(
      auto-fill,
      minmax(var(--min-inline-size), 1fr)
    );
  }
}