article-timeline.pcss

.article-timeline-grid {
  @apply grid gap-2;

  grid-template-areas:
    "left-article"
    "right-article";

  @screen xl {
    grid-template-columns: minmax(0, 570px) 1px minmax(0, 570px);
    grid-template-areas: "left-article timeline right-article";
  }
}

.article-timeline-grid__left-article {
  grid-area: left-article;
}

.article-timeline-grid__right-article {
  grid-area: right-article;
}

.article-timeline-grid__timeline {
  grid-area: timeline;
}