From 9e2d7aa615295ade856df66d5c059528db206ce0 Mon Sep 17 00:00:00 2001 From: Rohan Kumar Date: Fri, 8 Apr 2022 21:02:06 -0700 Subject: [PATCH] CSS: margin only on image figcaptions, not figures Keeps images from getting shrunk to the point at which pictures of text are unreadable. --- assets/css/main.css | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/assets/css/main.css b/assets/css/main.css index 8f440ae..63593e9 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -59,12 +59,16 @@ a[aria-current="page"] { font-weight: bold; } -/* narrow screens: reduce unused figure margins for text figures. */ -figure[itemtype="https://schema.org/Quotation"], -figure[itemtype="https://schema.org/SoftwareSourceCode"] { +/* narrow screens: remove unused figure margins for text figures. */ + +figure { margin: 0; } +figure:not([itemtype]) figcaption { + margin: 0 10%; +} + /* Mobile optimization: nav links are tappable with fat fingers */ nav li, .unstyled-list li {