The display: table
style is an extremely useful tool for expressing simple tabular layout (as opposed to presenting actual tables, understood as a way for organizing information). It's underused and has some bad reputation only because the table
element used to be extremely abused for doing layout in the old days of the Web.
This is a table:
This is not a table:
These are just four tiles with answers to a quiz question that are organized in a 2 x 2 tabular layout for fun, and similarly their coloring doesn't have any meaning, maybe beyond highlighting the fact that these are four different answers.
You can model this tabular layout both with display: table
and display: grid
. I'd argue that it's simpler with display: table
. The display: grid
feels like a total overkill for this.