@media (min-width: 1024px) {
  .page-homepage {
    display: grid;
    grid-template-columns: 22rem 4fr;
    grid-template-areas: "sidebar gallery";
    column-gap: var(--grid-gutter-half);
  }
  
  .page-homepage__recent {
    grid-area: gallery;
  }
  
  .page-homepage__sidebar {
    grid-area: sidebar;
  }
}