Fix images on mobile #96

Merged

jonny merged 2 commits from fix_images_on_mobile into develop

2026-07-02 21:04:56 +02:00

jonny commented

2026-07-02 21:04:45 +02:00

Owner

There’s a slight css tweak to the height of images

But the real fix is an artisan command to re-scale the images

There’s a slight css tweak to the height of images But the real fix is an artisan command to re-scale the images

jonny added 2 commits

2026-07-02 21:04:45 +02:00

Add command to reprocess existing media with correct aspect-ratio scaling 4569abc351

ProcessMedia was using resize(), which distorts images that aren't the
target aspect ratio; scale() preserves it. Existing medium/small
variants generated before this fix need regenerating, so add an
artisan command (with --dry-run) to do that, plus feature tests.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

Fix images overflowing on mobile by preserving aspect ratio 11e2c469cb

max-width: 100% alone lets img/picture height stay at intrinsic size,
so on narrow viewports images could still overflow vertically or look
squashed. Adding height: auto keeps the aspect ratio correct as width
scales down.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

jonny merged commit 11e2c469cb into develop

2026-07-02 21:04:56 +02:00

jonny deleted branch fix_images_on_mobile

2026-07-02 21:04:56 +02:00

jonny referenced this pull request

2026-07-02 21:05:55 +02:00

Images stretched/squashed on mobile #92