Change media queries so that they actually work on mobile devices

4 years ago · 8063f4c9cf
parent 4b5036724b
commit 8063f4c9cf
4 changed files with 8 additions and 8 deletions
--- a/blog.html
+++ b/blog.html
@ -16,13 +16,13 @@
         margin: auto;
     }

-     @media only all and (max-width: 499px) {
+     @media only all and (max-width: 1899px) {
         body {
             font-size: 6vw;
         }
     }

-     @media only all and (min-width: 500px) {
+     @media only all and (min-width: 1900px) {
         body {
             font-size: 20px;
             min-width: 500px;
--- a/generate-blog.bash
+++ b/generate-blog.bash
@ -52,13 +52,13 @@ blog_html="$here/blog.html"
         margin: auto;
     }

-     @media only all and (max-width: 499px) {
+     @media only all and (max-width: 1899px) {
         body {
             font-size: 6vw;
         }
     }

-     @media only all and (min-width: 500px) {
+     @media only all and (min-width: 1900px) {
         body {
             font-size: 20px;
             min-width: 500px;
--- a/index.html
+++ b/index.html
@ -17,13 +17,13 @@
         margin: auto;
     }

-     @media only all and (max-width: 499px) {
+     @media only all and (max-width: 1899px) {
         body {
             font-size: 6vw;
         }
     }

-     @media only all and (min-width: 500px) {
+     @media only all and (min-width: 1900px) {
         body {
             font-size: 20px;
             min-width: 500px;
--- a/posts/introduction/index.html
+++ b/posts/introduction/index.html
@ -17,13 +17,13 @@
         margin: auto;
     }

-     @media only all and (max-width: 499px) {
+     @media only all and (max-width: 1899px) {
         body {
             font-size: 6vw;
         }
     }

-     @media only all and (min-width: 500px) {
+     @media only all and (min-width: 1900px) {
         body {
             font-size: 20px;
             min-width: 500px;