diff options
author | (quasar) nebula <towerofnix@gmail.com> | 2020-10-30 10:47:59 -0300 |
---|---|---|
committer | (quasar) nebula <towerofnix@gmail.com> | 2020-10-30 10:53:27 -0300 |
commit | 9ee4d8d8825cb9f42b8d5c3e4fafd3f1ede38f63 (patch) | |
tree | c4de3acef9bb8808f7013dbfae97cc346539ec77 | |
parent | cc263991ea749029b82f46f1369e7b1e16620376 (diff) |
image styling fixes
-rw-r--r-- | static/site.css | 8 |
1 files changed, 7 insertions, 1 deletions
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 { |