04/style: increase breakpoint size (fites mod phons better), add max-…

…height ensures full screen visible on phones.
rjaffa · Sep 17, 2019 · e2bbd7d · e2bbd7d
1 parent 8d976ec
commit e2bbd7d
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/04/style.css b/04/style.css
@@ -102,9 +102,10 @@ article div section {
 }
 
 
-@media (max-width: 480px) {
+@media (max-width: 576px) {
     main {
-        /* when the screen shrinks, reorganize the main grid */
+        /* when the screen shrinks, reorganize the main grid and don't stretch beyond height */
+        max-height: 100vh;
         grid-template-areas: "nav"
                              "art"
                              "side"