.cardContainer {
  scroll-margin-top: var(--hotel-page-scroll-margin-top);
}

.spanOne {
  grid-column: span 1;
}

.spanTwo {
  grid-column: span 2;
}

.spanThree {
  grid-column: span 3;
}

section .desktopGrid {
  display: none;
}

section .mobileGrid {
  display: grid;
  gap: var(--Spacing-x-quarter);
}

@media screen and (min-width: 768px) {
  section .desktopGrid {
    display: grid;
    gap: var(--Spacing-x1);
    grid-template-columns: repeat(3, 1fr);
  }

  section .mobileGrid {
    display: none;
  }
}
