:root {
  --numero-colonne-rigaGiochi1: ;
  --gap-righe-rigaGiochi1: ;
  --gap-colonne-rigaGiochi1: ;

  --numero-colonne-rigaGiochi1-mobile: 1;
  --numero-colonne-rigaGiochi1-tablet: 1;
  --gap-righe-rigaGiochi1-mobile: 20px;
  --gap-righe-rigaGiochi1-tablet: 24px;

  --margin-left-children-rigaGiochi1: 12px;
}

.rigaGiochi1 {
  --numero-colonne-rigaGiochi1: var(--numero-colonne-rigaGiochi1-mobile);
  --gap-righe-rigaGiochi1: var(--gap-righe-rigaGiochi1-mobile);

  display: grid;
  grid-row-gap: var(--gap-righe-rigaGiochi1);
  row-gap: var(--gap-righe-rigaGiochi1);
  grid-template-columns: repeat(var(--numero-colonne-rigaGiochi1), 1fr);
}

.rigaGiochi1 > * {
  margin-left: var(--margin-left-children-rigaGiochi1);
  margin-bottom: var(--margin-left-children-rigaGiochi1);
}

@media screen and (min-width: 768px) {
  .rigaGiochi1 {
    --numero-colonne-rigaGiochi1: var(--numero-colonne-rigaGiochi1-tablet);
    --gap-righe-rigaGiochi1: var(--gap-righe-rigaGiochi1-tablet);

    display: grid;
    grid-template-columns: repeat(var(--numero-colonne-rigaGiochi1), 1fr);
  }
}