Here’s a simple schedule:

  1. An Event Apart Seattle
  2. An Event Apart Boston
  3. An Event Apart Washington DC
  4. An Event Apart Chicago
  5. An Event Apart San Francisco
  6. An Event Apart Denver

I’d like to have the city names and dates line up into columns, with the width of each dictated by the content of those columns. Here, because each event’s information is in a list item, I can’t have them relate to each other. I can only guess at lengths. (Assume the content will change regularly; say, as each event passes, it’s dropped from the list.)

Here’s a thought as to how this might be accomplished:

ol#sched {
	display: grid;
	grid-template-columns: repeat(2,minmax(min-content,max-content));
}
ol#sched li {
	display: subgrid;
}
ol#sched li a {
	grid-column: 1;
}
ol#sched li time {
	grid-column: 2;
}

Here’s another thought:

ol#sched {
	display: grid(schedule);
	grid-template-columns: repeat(2,minmax(min-content,max-content));
}
ol#sched li {
	display: schedule;
}
ol#sched li a {
	grid-column: 1;
}
ol#sched li time {
	grid-column: 2;
}