This one may push beyond the current capabilities, but it’s been on my mind.

Consider a page full of entries, like a blog. The structure of each entry goes something like this:

<div class="entry">
	<h2>(entry title)</h2>
	<div class="content">…</div>
	<div class="metainfo">…</div>
</div>

Now I want the title to go across the top of the entry, side to side. Underneath it, the metainfo should go on the left, and the content on the right.

In addition, I want the metainfo from all the various entries to participate in a single column that expands to encompass them all. Thus, the entry contents all line up from one entry to the next to the next. I’ve faked it here:

(title)

entry content goes here
entry metainfo

(title)

entry content goes here
entry metainfo

(title)

entry content goes here
entry metainfo

I would imagine the outer grid column setup would go like this:

grid-template-columns:
	minmax(1em,1fr)
	max-content
	minmax(min-content, max-content)
	minmax(1em,1fr); 

That would allow the metainfo to “max-content” the column in which it participates, thus causing all the entries to line up in an internally consistent way. This alows for adjustment if the metainfo has dates with long month names, or what-have-you.

I realize this may stretch the track-sizing algorithm past its current limits, but the capability would be deeply useful, and not just in situations such as this. Pinterest-style layouts, or photo galleries containing multiple photo collections, are two such possibilities.