Collecting a few of Jen Simmons’ tweets:
Learned on today’s CSSWG call—I had a fundamentally out-of-date mental model of how the display property structures its values.
It’s not
display: <value>;
. It’sdisplay: <outer-value> <inner-value>;
.drafts.csswg.org/css-display/#outer-role
This realization won’t change what I write in my code, but it does change how I think about what I’m writing.
display: grid; = display: block grid; display: flex; = display: block flex;
Also:
display: inline grid;
You can write
display: inline-grid;
, but that’s actually out of date. It makes more sense to writedisplay: inline grid;