enfrancais-app/src/assets/scss/classes/_nodes-grid.scss

.nodes-grid {
  display: grid;
  grid-gap: 2.2rem;
  grid-template-columns: 1fr;
  grid-template-rows: auto;

  @include media-breakpoint-up(lg) {
    grid-gap: 3.4rem;
  }

  @media (min-width: 650px) {
    grid-template-columns: repeat(2, 1fr);
  }

  @include media-breakpoint-up(lg) {
    grid-template-columns: repeat(3, 1fr);
  }

  @include media-breakpoint-up(xxl) {
    grid-template-columns: repeat(4, 1fr);
  }
}