From 9ee4d8d8825cb9f42b8d5c3e4fafd3f1ede38f63 Mon Sep 17 00:00:00 2001 From: "(quasar) nebula" Date: Fri, 30 Oct 2020 10:47:59 -0300 Subject: image styling fixes --- static/site.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) (limited to 'static') diff --git a/static/site.css b/static/site.css index ef1b0246..346c28a3 100644 --- a/static/site.css +++ b/static/site.css @@ -250,6 +250,8 @@ img { text-align: left; background-color: var(--dim-color); color: white; + display: inline-block; + object-fit: contain; /* these unfortunately dont take effect while loading, so... text-align: center; line-height: 2em; @@ -270,6 +272,10 @@ a.box:focus:not(:focus-visible) { outline: none; } +a.box img { + display: block; +} + h1 { font-size: 1.5em; } @@ -300,7 +306,6 @@ h1 { } .grid-item img { - display: block; width: 100%; height: 100%; } @@ -417,6 +422,7 @@ blockquote { p img { max-width: 100%; + height: auto; } dl dt { -- cgit 1.3.0-6-gf8a5