.section.checkerboard-container .checkerboard-wrapper {
  max-width: none;
}

.checkerboard {
  display: grid;
  max-width: var(--width-xlarge);
  margin: auto;
  gap: var(--spacing-xlarge);
  padding-top: var(--spacing-big);
  padding-bottom: var(--spacing-big);

  @media (width >= 768px) {
    padding-top: var(--spacing-xbig);
    padding-bottom: var(--spacing-xbig);
  }

  @media (width >= 992px) {
    padding-top: var(--spacing-xlarge);
    padding-bottom: var(--spacing-xlarge);
  }
}