/*
 * From Every Layout
 * GRID
 * https://every-layout.dev/layouts/grid/
 */

.media-grid {
  display: grid;
  grid-gap: var(--spacing-0\.5);
}

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