event-named-grid-area.css

.dashboard-event-tile {
  display: grid;
  
  // small screen
  grid-template-areas: "image content"
                       "image content"
                       ".     meta";
  
  // medium screen
  @media screen and (min-width: 45rem) {
    grid-template-areas: "image   ."
                         "content content"
                         ".       meta";
  }

  // large screen
  @media screen and (min-width: 75rem) {
    grid-template-areas: "image content"
                         "meta  meta";
  }
  
  .image {
    grid-area: image;
  }
  
  .content {
    grid-area: content; 
  }
  
  .meta {
    grid-area: meta; 
  }
}