Problem: we have a grid of fixed size thumbnails. For a nicer look, we want this grid to be middle aligned with respect to the paragraphs above and below, and, at the same time, we want the last grid row to be left-aligned with respect to the grid.
❌ This demo serves the sole purpose of illustrating why justification doesn't solve the issue with
text-align-last: left in the
inline-block approach to this problem: leaving aside the fact that we don't have a middle-aligned grid anymore, the column gaps are awkwardly big for all but the last row. You probably don't want to copy and use this CSS in your own projects. ❌