]> git.cworth.org Git - lmno.games/commitdiff
Use a white background on the body element for a narrow screen
authorCarl Worth <cworth@cworth.org>
Mon, 11 May 2020 23:06:01 +0000 (16:06 -0700)
committerCarl Worth <cworth@cworth.org>
Mon, 11 May 2020 23:06:01 +0000 (16:06 -0700)
This avoids some ugly-looking dark area at the bottom of the screen,
(since our page content doesn't always fill the screen). So things
look better like this.

empires/style.css

index 9beda3e89e2408d90645bb91d5fee21f4f67fa47..0c4f01008fb45103d8bb66bbe091e2205bfcd125 100644 (file)
@@ -28,6 +28,9 @@ body {
 /* And when the screen is narrow, let's kill the wasted vertical space
    above it too. */
 @media screen and (max-width: 499px) {
+    body {
+        background-color: white;
+    }
     #page {
         margin-top: 0;
         margin-bottom: 0;