From cc84dd0c6c852b46b309079a5a90a54080fc049c Mon Sep 17 00:00:00 2001 From: Adam Soltys Date: Thu, 22 Oct 2026 10:12:49 -0700 Subject: Images grid in justified rows too: tiles in each picture's own shape (the tile thumbnail is no longer a square crop: 360px tall, its middle cut to 1:2–2:1; vmedia pic.webp?s=row for hosts without CORS; tile cache v2) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Opus 5.5 --- src/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'src/style.css') diff --git a/src/style.css b/src/style.css index 3dcbf17..61d6f01 100644 --- a/src/style.css +++ b/src/style.css @@ -1546,7 +1546,7 @@ body::after { height and fill the width; the filler takes the last row's slack instead of stretching its few tiles. */ .media-grid.justified { display: flex; flex-wrap: wrap; --row-h: 140px; } -.media-grid.justified .media-tile.video { aspect-ratio: var(--ar); flex: var(--ar) 1 calc(var(--ar) * var(--row-h)); min-width: 0; } +.media-grid.justified .media-tile { aspect-ratio: var(--ar); flex: var(--ar) 1 calc(var(--ar) * var(--row-h)); min-width: 0; } .media-grid.justified::after { content: ''; flex: 1000 1 0; } @media (max-width: 600px) { .media-grid.justified { --row-h: 100px; } } .media-tile img, .media-tile video { width: 100%; height: 100%; object-fit: cover; display: block; pointer-events: none; } -- cgit v1.2.3