#homepage--page {
  background-color: initial;

  display: grid;

  @media (min-width: $mobile-breakpoint) {
    grid: [stack] 1fr/20% [stack] auto; // TODO: remove this line?
  }

  @media (min-width: $hd-breakpoint) {
    grid: [stack] 1fr/15% [stack] auto;
  }

  @media (min-width: $wqhd-breakpoint) {
    grid: [stack] 1fr/12% [stack] auto;
  }

  @media (min-width: $uhd-breakpoint) {
    grid: [stack] 1fr/10% [stack] auto;
  }

  & .sidebar {
    display: grid;
    grid-template-columns: [nav] 100% [escape] 0;
  }
}
