/* objects > autogrid */

/* https://every-layout.dev/layouts/grid/ */

.l-autogrid {
  display: grid;
  grid-gap: 1rem;
}

@supports (width: min(var(--autogrid-min-size), 100%)) {
  .l-autogrid {
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    grid-template-columns: repeat(auto-fit, minmax(var(--autogrid-min-size, 16rem), 1fr));
  }
  .l-autogrid img {
    height: auto;
  }
}

/*@supports (display: grid) {
.sponsors {
     display: grid;
     grid-template-columns: repeat(7, auto);
  }
}*/

/*@supports not (display: grid) {
   // Safari/IE style
}*/
