.holy-grail-grid {
  @apply grid min-h-screen overflow-y-auto;
  grid-template: 1fr auto / auto 1fr;

  & .holy-grail-sidebar {
    @apply w-64 col-start-1 col-end-2 row-start-1 row-end-3;
  }

  & .holy-grail-main {
    @apply w-full col-start-1 col-end-3 row-start-1 row-end-2;
  }

  & .holy-grail-footer {
    @apply w-full col-start-1 col-end-3 row-start-2 row-end-3;
  }

  @screen md {
    & .holy-grail-main {
      @apply col-start-2;
    }

    & .holy-grail-footer {
      @apply col-start-2;
    }
  }
}