.diary-card-layout {
  max-width: 90rem;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 2.5rem;

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

  .diary-card {
    @media (width > 666px) {
      grid-template-columns: 1fr;
      grid-auto-flow: row;
      grid-column-gap: 0px;
      grid-row-gap: 2.5rem;
      max-width: none;
    }

    @media (width > 1300px) {
      grid-template-columns: 1fr 1fr;
      grid-auto-flow: row;
      grid-column-gap: 2.5rem;
      grid-row-gap: 0px;
    }
  }
}