.home-latest {
  display: grid;
  gap: 1ch;
  grid-column: main-start / main-end;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: min-content min-content;
  grid-template-areas:
    "blog1 photo"
    "blog2 photo";

  .home-latest__blog:nth-of-type(1) {
    grid-area: blog1;
  }

  .home-latest__blog:nth-of-type(2) {
    grid-area: blog2;
  }

  .home-latest__photo {
    border-left: 2px dashed var(--gray6);
    padding-inline-start: 1ch;
    grid-area: photo;
  }
}