add a media query for smaller screens, as a test

[mandelbrot-web.git] / style / mandelbrot.css

diff --git a/style/mandelbrot.css b/style/mandelbrot.css
index 8aa65ac9a5ace044bbcc0863548f614a00cc3d26..04bc96068a887b163ef9b119a442b423bbf81baa 100644 (file)
--- a/style/mandelbrot.css
+++ b/style/mandelbrot.css
@@ -22,3 +22,9 @@ body {
 #mbrotImage {
   background-color: lightblue;
 }
+
+@media screen and (max-width: 500px) {
+  body {
+    font-size: 10px;
+  }
+}