Respond quicker, adjust picture of self for very small devices

johnsonj · Oct 22, 2012 · 25a69b7 · 25a69b7
1 parent a4611ed
commit 25a69b7
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 5 deletions.
diff --git a/css/main.css b/css/main.css
@@ -312,8 +312,11 @@ a, a:visited, a:hover {
     font-size: 25px;
     height: 20px; }
   #container.sticky #sections {
-    margin-top: 120px; } }
+    margin-top: 120px; }
-@media only screen and (max-width: 720px) {
+
+  body {
+    font-size: 18px; } }
+@media only screen and (max-width: 800px) {
   /* Style adjustments for viewports that meet the condition */
   .photo-display {
     float: none;
@@ -347,7 +350,13 @@ a, a:visited, a:hover {
       #container.sticky #nav-group a i {
         float: none; }
       #container.sticky #nav-group a span {
-        display: none; } }
+        display: none; }
+
+  body {
+    font-size: 15px; } }
+@media only screen and (max-width: 600px) {
+  #header #right-aside {
+    float: none; } }
 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
   /* Style adjustments for high resolution devices */ }
 /* ==========================================================================

diff --git a/css/main.scss b/css/main.scss
@@ -365,14 +365,18 @@ a, a:visited, a:hover {
             margin-top: 120px;
         }
     }
+    body {
+        font-size: 18px;
+    }    
 }
 
-@media only screen and (max-width: 720px) {
+@media only screen and (max-width: 800px) {
     /* Style adjustments for viewports that meet the condition */
     .photo-display {
         float: none;
         margin-top: 0;
     }
+
     .subsection {
         .copy {
             width: 100%;
@@ -410,8 +414,15 @@ a, a:visited, a:hover {
             }
         }
     }
+     body {
+        font-size: 15px;
+    }   
+}
+@media only screen and (max-width: 600px) {
+    #header #right-aside {
+        float: none;
+    }
 }
-
 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
        only screen and (min-resolution: 144dpi) {
     /* Style adjustments for high resolution devices */