:root {
  --color: var(--green);
  --itemsPerRow: 1;
}

.grid-container {
  grid-template-columns: repeat(var(--itemsPerRow), minmax(0, 1fr));
}

.grid-item {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1em var(--gridColumnGap);
}

/* MEDIA QUERIES */
@media screen and (max-width: 768px) {
  .grid-item {
    grid-template-columns: 1fr;
  }
}