IMO, it doesn't really do much useful. Imagine you have a grid of titles which may take 1-3 lines and photos beneath the title, and you want to align it to a g

IMO, it doesn't really do much useful. Imagine you have a grid of titles which may take 1-3 lines and photos beneath the title, and you want to align it to a grid... to make it work, it needs to be <div display="grid"> <h2>one line</h2><img /> <h2>text that spans two lines</h2><img /> </div> With this it could be: <div display="grid"> <Card style="display:contents"><h2>1 line</h2><img /></Card> <Card style="display:contents"><h2>text that spans two lines</h2><img /></Card> </div> But the rub is that you can't both make the "Card" look like a card, and make all the h2's also be the same (minimal) height.