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 b7a6185ea6a9d78fa02c697381bb9afd740318af..25838f529631b6ea67eb567f97302639ddfa06e1 100644 (file)
--- 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;