randogoth/sites
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: scale embedded media to the content column on flux.vision and tobias.raayoni-last.com

Browse source
This commit is contained in:
randogoth 2026-10-06 07:24:15 +03:00
parent 5cb28c3f6b
commit e76b017e81
9 changed files with 50 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

9
tobias.raayoni-last.com/raayoni/static/css/style.css
View file

@ -256,7 +256,14 @@ p { margin: 0; padding: 0 0 3vh; }
@media (max-width: 600px) { .entry-meta { padding-left: 5vw; } }
.body img { max-width: 100%; height: auto; display: block; margin: 0 0 3vh; }
.body iframe, .body embed { max-width: 100%; border: 0; margin: 0 0 3vh; }
/* Width-only sizing left embeds at their source width/height attributes (or
the 300x150 default when absent) scaled down to fit, not up to fill — the
height attribute then held while the width shrank, squashing the frame. */
.body iframe, .body embed { width: 100%; aspect-ratio: 16/9; border: 0; margin: 0 0 3vh; }
/* Migrated entries carry a bare background-image div as an inline banner.
Unsized, the image showed only its native-resolution top-left corner. */
.body .para { width: 100%; background-size: cover; background-position: center;
background-repeat: no-repeat; margin: 0 0 3vh; }
.body h2 { font-size: 1.5em; padding: 2vh 0 1vh; }
/* ── listings ─────────────────────────────────────────────────────────── */