logo

blog

My little blog can’t be this cute!
commit: 081d5430b92efb69569b1df5894064ba06e3bfad
parent: 1988df04bfcd2821505a814f6e42bb1ec9495574
Author: Haelwenn (lanodan) Monnier <contact@hacktivis.me>
Date:   Sun, 21 Oct 2018 02:30:11 +0200

css/index.css: Don’t scale figure images up, don’t take the whole height for each one

Diffstat:

Mcss/index.css8+++++++-
1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/css/index.css b/css/index.css @@ -5,7 +5,13 @@ margin-right: 2em; } #art, header {text-align: center; } -#art img, figure img { width: 100%; max-width: 95vw; max-height: 95vh; object-fit: contain;} +#art img, figure img { + max-width: 95vw; + max-height: 95vh; + object-fit: scale-down; + width: auto; + height: auto; +} .warn { background-color: rgba(255, 60, 0, 0.2); border-bottom: 0.125em solid #dc322f;