@layer layout {
  .entry-grid {
    column-count: 5;
    column-gap: 12px;
    padding-top: var(--space-3);
  }

  @media (width <= 80rem) {
    .entry-grid {
      column-count: 4;
    }
  }

  @media (width <= 60rem) {
    .entry-grid {
      column-count: 3;
    }
  }

  @media (width <= 40rem) {
    .entry-grid {
      column-count: 2;
    }
  }

  @media (width <= 26.25rem) {
    .entry-grid {
      column-count: 1;
    }
  }
}