Jen Simmons on CSS’ display property

Saved on .

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’s display: <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 write display: inline grid;

Visit “Jen Simmons on CSS’ display property”