From 0b66884f7f7c09a831ba17d31cb9f78a81e0ee4a Mon Sep 17 00:00:00 2001 From: Ben Harris Date: Thu, 31 Jan 2019 00:38:00 +0000 Subject: [PATCH] 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. --- bedstead.css | 4 ++++ 1 file changed, 4 insertions(+) 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; -- 2.30.2