The length of the text in the navigation labels is _also_ a problem but not one I address here.
There’s no reason why the labels in the table layout can’t wrap internally or be set to hyphenate. The technique I’m describing is addressing the point where wrapping becomes more likely and less desirable.
The navigation menu example is really only one idea, though. The grid application is a neat one, I think.
For example, for fewer than, say, 4 content items you could display the items in one column, with titles and descriptions showing. 4 or more items and you go into two columns and reduce the font-size a little. 10 or more items and you could switch to a 4/4 grid and hide the description to show just titles.
This way, an overview of the listed content is responsive to how much content is showing, say on a blog’s front page.
Thanks for stopping by!
EDIT: I’ve added a long label in the demo to avoid confusion.