.page-card-layout {
  max-width: 90rem;
  margin: 0 auto;

  @media (width > 760px) {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 2.625rem;
    grid-row-gap: 3rem;
  }

  @media (width > 1024px) {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 2.625rem;
    grid-row-gap: 3rem;
  }
}