CSS grid + mx-auto centers the whole block but not orphan tiles within their row (e.g. 5 tiles @1685x1342, the 2-tile row was left-aligned). Switched to display:flex; flex-wrap:wrap; justify-content:center with explicit width/height on each tile wrapper. This naturally centers every row, including orphan rows with fewer tiles. The computeUniformGrid algorithm is unchanged — still uniform px tile sizes with aspect flexing in [3:4..16:9]. |
||
|---|---|---|
| .. | ||
| app | ||
| assets/icons | ||
| lib | ||
| routes | ||
| app.d.ts | ||
| app.html | ||
| service-worker.js | ||
| types.d.ts | ||