From: Ben Harris <bjh21@bjh21.me.uk>
Date: Thu, 31 Jan 2019 00:38:00 +0000 (+0000)
Subject: Reduce horizontal scrolling in Web page.
X-Git-Tag: bedstead-002.001~42
X-Git-Url: https://www.chiark.greenend.org.uk/ucgi/~bjharris/git?a=commitdiff_plain;h=0b66884f7f7c09a831ba17d31cb9f78a81e0ee4a;p=bedstead-debian.git

Reduce horizontal scrolling in Web page.

Playing with Firefox's "Responsive Design Mode" made it clear to me
that Bedstead's Web page was not very mobile-friendly, especially in
the way that the title runs off the end of a reasonable-sized vertical
screen.  A simple CSS rule requests downscaling of images to the width
of the screen, which helps a lot.
---

diff --git a/bedstead.css b/bedstead.css
index b7a6185..25838f5 100644
--- a/bedstead.css
+++ b/bedstead.css
@@ -34,6 +34,10 @@ ul {
     list-style-type: "\2022  ";
 }
 
+img {
+    max-width: 100%;
+}
+
 /* Colours that make Bedstead look better (imitating my green monitor) */
 body {
     background-color: #222;