fix: scale embedded media to the content column on flux.vision and tobias.raayoni-last.com
This commit is contained in:
parent
5cb28c3f6b
commit
e76b017e81
9 changed files with 50 additions and 39 deletions
|
|
@ -195,6 +195,10 @@ a:hover { color: #999; }
|
|||
@media (max-width: 700px) { #article p { text-align: left; hyphens: none; } }
|
||||
#article img { width: 100%; padding: 10px 0; display: block; }
|
||||
#article iframe, #article embed { width: 100%; aspect-ratio: 16/9; border: 0; padding: 10px 0; }
|
||||
/* Migrated entries carry a bare background-image div as an inline banner.
|
||||
Unsized, the image showed only its native-resolution top-left corner. */
|
||||
#article .para { width: 100%; background-size: cover; background-position: center;
|
||||
background-repeat: no-repeat; margin: 10px 0; }
|
||||
#article a { border-bottom: 1px solid #555; }
|
||||
#article a:hover { border-bottom-color: #999; }
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue